From 88ee1e24dcdf063738ab4c07a3ec2aac10214686 Mon Sep 17 00:00:00 2001
From: Shawn <shawn@ourpad.casa>
Date: Tue, 16 Jun 2026 18:32:45 -0400
Subject: [PATCH] Fix mobile settings sidebar: keep vertical layout instead of
 horizontal row

---
 src/web/static/style.css | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/web/static/style.css b/src/web/static/style.css
index fb55452..79cbb35 100644
--- a/src/web/static/style.css
+++ b/src/web/static/style.css
@@ -787,24 +787,24 @@ body {
     display: block;
 }
 
-/* Mobile: stack sidebar above content */
+/* Mobile: compact vertical sidebar */
 @media (max-width: 640px) {
     .settings-layout {
         flex-direction: column;
     }
     .settings-sidebar {
         width: 100%;
-        flex-direction: row;
-        overflow-x: auto;
+        flex-direction: column;
+        overflow: visible;
         position: static;
         scrollbar-width: none;
+        gap: 1px;
+        padding: 4px;
     }
     .settings-sidebar::-webkit-scrollbar {
         display: none;
     }
     .settings-nav-item {
-        white-space: nowrap;
-        flex-shrink: 0;
         padding: 8px 12px;
         font-size: 0.8rem;
     }