From 0785efbbc5f35fde5d26fe49b576f19490d4e6c9 Mon Sep 17 00:00:00 2001
From: Leopoldadmin <leopold.hammerschmidt@media-on.de>
Date: Sun, 28 Jun 2026 18:19:35 +0200
Subject: [PATCH] fix: mobile sidebar tool labels visible + scrollable overflow

- overflow-y: auto on mobile sidebars so all tools are reachable
- Re-enable tool-section-label, tool-btn-label, leftbar-title on mobile
- Tool grid 2-column with labels for better mobile UX
---
 frontend/src/styles.css | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/frontend/src/styles.css b/frontend/src/styles.css
index 15b204f..e29f1fc 100644
--- a/frontend/src/styles.css
+++ b/frontend/src/styles.css
@@ -1268,6 +1268,13 @@ a:hover { text-decoration: underline; }
   }
   .leftbar.open { transform: translateX(0); }
   .rightbar.open { transform: translateX(0); }
+  /* Mobile sidebars: scrollable content, visible labels */
+  .leftbar { overflow-y: auto; -webkit-overflow-scrolling: touch; }
+  .leftbar-title { display: block; }
+  .tool-section-label { display: block; padding: 0 6px 6px; }
+  .tool-btn-label { display: block; }
+  .tool-grid { grid-template-columns: 1fr 1fr; gap: 4px; }
+  .rightbar { overflow-y: auto; -webkit-overflow-scrolling: touch; }}
 
   /* Right tab bar (vertical icon bar, ALWAYS visible on mobile) */
   .right-tab-bar {