From f4ec94f8bd0dc1bcc71d54c6a1edb6d8669e431e Mon Sep 17 00:00:00 2001
From: LarsSchmidbauer <l.schmidbauer@xdev-software.de>
Date: Thu, 30 Oct 2025 09:10:14 +0100
Subject: [PATCH 1/3] set hamburger/back arrow to the left and set the toolbar
 to the bottom

---
 supplemental-ui/css/site-extra.css | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/supplemental-ui/css/site-extra.css b/supplemental-ui/css/site-extra.css
index 19e1c59..957ee44 100644
--- a/supplemental-ui/css/site-extra.css
+++ b/supplemental-ui/css/site-extra.css
@@ -114,7 +114,7 @@ body {
 /* ====== Sidebar ====== */
 .sidebar {
     background: #f9fafb;
-    padding: 1rem 1rem 0rem 1rem ;
+    padding: 1rem 1rem 0rem 1rem;
     font-size: 0.9rem;
     color: #6b7280;
     flex: 1 1 250px;
@@ -152,3 +152,16 @@ body {
     box-shadow: 0 0 20px rgba(0,0,0,0.5);
     transition: transform 0.3s ease;
 }
+
+/* ===============================
+   Mobile / Small Screen Styles
+   =============================== */
+@media screen and (max-width: 768px) {
+    .toolbar {
+        padding: 0;
+        bottom: 0;
+        width: 100%;
+        position: fixed;
+        top: auto;
+    }
+}

From ce640f04cd71a372a5a027bfa7e2a659336634aa Mon Sep 17 00:00:00 2001
From: LarsSchmidbauer <l.schmidbauer@xdev-software.de>
Date: Thu, 30 Oct 2025 09:32:39 +0100
Subject: [PATCH 2/3] add padding to left and right for better reading

---
 supplemental-ui/css/cards.css | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/supplemental-ui/css/cards.css b/supplemental-ui/css/cards.css
index b741b43..0b5d19b 100644
--- a/supplemental-ui/css/cards.css
+++ b/supplemental-ui/css/cards.css
@@ -153,6 +153,10 @@ pre {
         flex-direction: column; /* stack image and text vertically */
     }
 
+    .doc {
+        padding: 0 1rem 4rem;
+    }
+
     .card-image, .imageblock {
         float: none !important;            /* remove float */
         margin: 1rem !important;         /* center spacing */

From b56da7bb9a8814bddf67730f2d923a67867c110d Mon Sep 17 00:00:00 2001
From: AB <a.bierler@xdev-software.de>
Date: Thu, 30 Oct 2025 15:41:15 +0100
Subject: [PATCH 3/3] Fix additional styling problems
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* The toolbar at the bottom obscures other components (e.g. the footer) → Made the document a bit "longer"
  * Fixed the same for the nav area on the left when it's expanded
* Fixed the header having massive amounts of margin on top and bottom → was moved to the document `.doc`
---
 supplemental-ui/css/cards.css      |  4 ----
 supplemental-ui/css/site-extra.css | 21 +++++++++++++++++----
 2 files changed, 17 insertions(+), 8 deletions(-)

diff --git a/supplemental-ui/css/cards.css b/supplemental-ui/css/cards.css
index 0b5d19b..b741b43 100644
--- a/supplemental-ui/css/cards.css
+++ b/supplemental-ui/css/cards.css
@@ -153,10 +153,6 @@ pre {
         flex-direction: column; /* stack image and text vertically */
     }
 
-    .doc {
-        padding: 0 1rem 4rem;
-    }
-
     .card-image, .imageblock {
         float: none !important;            /* remove float */
         margin: 1rem !important;         /* center spacing */
diff --git a/supplemental-ui/css/site-extra.css b/supplemental-ui/css/site-extra.css
index 957ee44..7cfe9ac 100644
--- a/supplemental-ui/css/site-extra.css
+++ b/supplemental-ui/css/site-extra.css
@@ -29,7 +29,6 @@ body {
 
 .nav-list{
     margin: 0;
- 
 }
 
 footer.footer {
@@ -45,18 +44,18 @@ footer.footer .link-separator
 	color: #c02222;
 }
 
-.doc h1 {
+.doc > h1.page:first-child {
     color: #ffffff;
     background-color: #c02222;
     padding: 1rem 2rem 0.75rem;
-    margin: 1.5rem auto 1.5rem auto !important;
+    margin: auto auto 0.5em auto;
     text-transform: uppercase;
 }
 
 .doc {
     width: 100%;
     max-width: 100%;
-    padding: 0;
+    padding: 0.5em;
 }
 /* ====== Global Styles (Light Theme) ====== */
 body {
@@ -164,4 +163,18 @@ body {
         position: fixed;
         top: auto;
     }
+
+    /* Toolbar will otherwise overlap end of article */
+    body {
+        padding-bottom: 2.5em !important;
+    }
+
+    /* Nav will otherwise be offset by toolbar */
+    .nav {
+        height: calc(100vh - 2.5em) !important;
+    }
+
+    .nav-container {
+        top: unset;
+    }
 }