From 0632e0332660f867e8a759df0f128d854b1627a6 Mon Sep 17 00:00:00 2001
From: mARTin <mail@martin-bierschenk.de>
Date: Wed, 4 Mar 2026 11:32:45 +0100
Subject: [PATCH] fix: mobile view header density, today logic, and sticky
 layout

---
 src/app/globals.css           | 29 ++++++++++++++++++++---------
 src/components/WeeklyView.tsx |  6 +-----
 2 files changed, 21 insertions(+), 14 deletions(-)

diff --git a/src/app/globals.css b/src/app/globals.css
index 9cd89fd..0620704 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -3173,6 +3173,26 @@ h3 {
     .weekly-day-column {
         min-height: auto;
     }
+
+    /* D) Mobile: sticky day header at top so user always knows which day */
+    .weekly-days-grid {
+        overflow-y: auto;
+        overflow-x: hidden;
+    }
+
+    .weekly-day-column {
+        overflow-y: visible;
+        overflow-x: visible;
+        max-height: none;
+    }
+
+    .weekly-day-header {
+        position: sticky;
+        top: 0;
+        z-index: 10;
+        background: var(--weekly-bg, white);
+        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
+    }
 }
 
 @media (max-width: 480px) {
@@ -3191,15 +3211,6 @@ h3 {
         font-size: 1rem;
     }
 
-    /* D) Mobile: sticky day header at top so user always knows which day */
-    .weekly-day-header {
-        position: sticky;
-        top: 0;
-        z-index: 10;
-        background: var(--weekly-bg, white);
-        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
-    }
-
     .dark-mode .weekly-day-header {
         box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
     }
diff --git a/src/components/WeeklyView.tsx b/src/components/WeeklyView.tsx
index 8709580..5c2ac9d 100644
--- a/src/components/WeeklyView.tsx
+++ b/src/components/WeeklyView.tsx
@@ -516,7 +516,6 @@ export default function WeeklyView() {
     const [currentWeekStart, setCurrentWeekStart] = useState(() => {
         const d = new Date();
         d.setHours(0, 0, 0, 0);
-        d.setDate(d.getDate() - 1);
         return d;
     });
     const [viewDays, setViewDays] = useState(7);
@@ -2151,7 +2150,6 @@ export default function WeeklyView() {
     const goToToday = () => {
         const d = new Date();
         d.setHours(0, 0, 0, 0);
-        d.setDate(d.getDate() - 1);
         setCurrentWeekStart(d);
     };
 
@@ -3752,9 +3750,7 @@ export default function WeeklyView() {
                         ) : syncError ? (
                             <AlertCircle size={14} className="text-red-500" />
                         ) : null}
-                        <span>KW {getWeekNumber((() => { const days = getVisibleDays(); const mid = days[Math.floor(days.length / 2)] || currentWeekStart; return mid; })()).toString().padStart(2, "0")}</span>
-                        <span className="text-gray-400">|</span>
-                        <span>{(() => { const days = getVisibleDays(); const mid = days[Math.floor(days.length / 2)] || currentWeekStart; return mid; })().getFullYear()}</span>
+                        <span style={{ whiteSpace: "nowrap", fontSize: "0.8rem" }}>KW{getWeekNumber((() => { const days = getVisibleDays(); const mid = days[Math.floor(days.length / 2)] || currentWeekStart; return mid; })()).toString().padStart(2, "0")}/{(() => { const days = getVisibleDays(); const mid = days[Math.floor(days.length / 2)] || currentWeekStart; return mid; })().getFullYear()}</span>
                     </div>
 
                     {/* Right: Settings + Overflow */}