set hamburger/back arrow to the left and set the toolbar to the bottom

Author: lars-xdev

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