From 376d0efdc296cbc6e514e26e1a32e280792787fe Mon Sep 17 00:00:00 2001
From: mARTin <mail@martin-bierschenk.de>
Date: Sun, 15 Mar 2026 10:02:42 +0100
Subject: [PATCH] fix: settings sidebar single-scroll on mobile

Switch sidebar from flex column layout to block on mobile so the
quick actions, tabs, and settings content all flow in one scrollable
container instead of the content being trapped in a tiny flex:1 area.

v1.35.3

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 package.json        |  2 +-
 src/app/globals.css | 14 +++++++-------
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/package.json b/package.json
index c56b864..2fdcf27 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "my-weekly-todo-list",
-  "version": "1.35.2",
+  "version": "1.35.3",
   "description": "A web-based weekly task management application that organizes to-dos and calendar events in a single, intuitive weekly view",
   "main": "index.js",
   "scripts": {
diff --git a/src/app/globals.css b/src/app/globals.css
index 254755e..f88b1a3 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -2253,11 +2253,16 @@ h3 {
     display: none;
   }
 
-  /* Settings sidebar: full width and scrollable on mobile */
+  /* Settings sidebar: full width and single-scroll on mobile */
   .weekly-settings-sidebar {
     width: 100% !important;
     max-width: 100vw;
     overflow-y: auto !important;
+    display: block !important;
+  }
+  .weekly-settings-sidebar .weekly-settings-content {
+    overflow-y: visible !important;
+    flex: none !important;
   }
 
   /* Ensure grid respects viewDays columns on mobile landscape */
@@ -2304,12 +2309,7 @@ h3 {
     padding: 3px 0;
   }
 
-  /* Settings panel full-width on phone */
-  .weekly-settings-sidebar {
-    width: 100% !important;
-    max-width: 100vw;
-    overflow-y: auto !important;
-  }
+  /* Settings panel full-width on phone (inherits mobile rules from 768px) */
 
   .preferences-panel {
     width: 100%;