Fix responsive layout

Altinn · Oct 10, 2023 · f7aedb1 · f7aedb1
1 parent c817c50
commit f7aedb1
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/frontend/app-development/features/administration/components/Administration.module.css b/frontend/app-development/features/administration/components/Administration.module.css
@@ -40,6 +40,7 @@
   border-radius: 6px;
   box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.05);
   display: flex;
+  flex-direction: column;
   padding: var(--fds-spacing-10);
   position: relative;
   gap: var(--fds-spacing-10);
@@ -63,6 +64,7 @@
 .divider {
   background-color: #efefef;
   border: none;
+  display: none;
   height: 2px;
   opacity: 0.5;
   width: 100%;
@@ -75,3 +77,13 @@
   border-radius: 6px;
   height: 500px;
 }
+
+@media (min-width: 1200px) {
+  .content {
+    flex-direction: row;
+  }
+
+  .divider {
+    display: block;
+  }
+}