<%-- Version suffix for forcing browsers to update the CSS / JS files --%> - + <%-- Make the base href easily available at request scope --%> @@ -94,7 +94,7 @@ -

data-active > @@ -132,16 +132,15 @@

- -

- <%@include file="../jspf/navmenu.jspf" %> -

- - -

- -

- +

+ +

+ <%@include file="../jspf/navmenu.jspf" %> +

+ +

diff -r cf2e751fe6d9 -r 0e03dcb631ee src/main/webapp/lightpit.css --- 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; } diff -r cf2e751fe6d9 -r 0e03dcb631ee src/main/webapp/settings.css --- a/src/main/webapp/settings.css Tue Mar 11 17:03:01 2025 +0100 +++ b/src/main/webapp/settings.css Fri Mar 14 08:09:00 2025 +0100 @@ -27,18 +27,18 @@ * */ -.flex-column { +#language-choice { display: flex; flex-basis: content; flex-direction: column; align-items: flex-start; } -input { +#language-choice input { margin: .5em; } -button { +#settings-form button { margin-top: 1.5em; }

Version 1.5.1

Version 1.5.0

Version 1.5.1

Version 1.5.0