src/main/webapp/lightpit.css

changeset 365
0e03dcb631ee
parent 359
842bb8976b0f
--- a/src/main/webapp/lightpit.css	Tue Mar 11 17:03:01 2025 +0100
+++ b/src/main/webapp/lightpit.css	Fri Mar 14 08:09:00 2025 +0100
@@ -70,17 +70,19 @@
     text-decoration: none;
 }
 
-#body-area {
-    display: grid;
-    grid-template-columns: min-content auto;
-    grid-template-rows: max-content 1fr;
+#page-area {
+    display: flex;
+    flex-flow: column nowrap;
     height: 100%;
 }
 
+#body-area {
+    flex-grow: 1;
+    display: flex;
+    flex-flow: row nowrap;
+}
+
 #mainMenu {
-    grid-row: 1;
-    grid-column: 1 / span 2;
-    width: 100%;
     display: flex;
     flex-flow: row nowrap;
     border-image-source: linear-gradient(to right, #606060, rgba(60, 60, 60, .25));
@@ -91,8 +93,6 @@
 }
 
 #sideMenu {
-    grid-row: 2;
-    grid-column: 1;
     min-width: 15vw;
     display: flex;
     flex-flow: column;
@@ -104,11 +104,6 @@
     background: #f7f7ff;
 }
 
-#sideMenuFiller {
-    grid-row: 2;
-    grid-column: 1;
-}
-
 #mainMenu .menuEntry {
     font-size: 1.2rem;
     padding: .25em 1em .25em 1em;
@@ -157,8 +152,7 @@
 }
 
 #content-area {
-    grid-row: 2;
-    grid-column: 2;
+    flex-grow: 1;
     padding: 1.5em;
 }
 

mercurial