--- 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; }