From 6f610ac66909bb21d8f2980455333aab1a0289b2 Mon Sep 17 00:00:00 2001
From: mARTin-B78 <mail@martin-bierschenk.de>
Date: Sun, 10 May 2026 14:08:26 +0200
Subject: [PATCH] feat(design): app shell + header + corner buttons
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Trim desktop header height (py-2 → py-1.5) and switch border to --line
token. Update .weekly-header CSS class to use --line. Add baseline
letter-spacing: -0.005em to body. No logic, structure, or API changes.

v1.105.1
---
 package.json                  | 2 +-
 src/app/globals.css           | 3 ++-
 src/components/WeeklyView.tsx | 2 +-
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/package.json b/package.json
index 290f5d0..888c400 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "my-weekly-todo-list",
-  "version": "1.105.0",
+  "version": "1.105.1",
   "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 9de29f3..0032171 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -32,6 +32,7 @@ body {
   background-color: #f8fafc;
   color: #1e293b;
   line-height: 1.6;
+  letter-spacing: -0.005em;
   transition: background-color 0.3s ease;
 }
 
@@ -532,7 +533,7 @@ h3 {
   top: 0;
   z-index: 100;
   background: var(--weekly-bg);
-  border-bottom: 1px solid var(--weekly-border);
+  border-bottom: 1px solid var(--line);
   padding: 0.75rem 1.5rem;
   display: flex;
   align-items: center;
diff --git a/src/components/WeeklyView.tsx b/src/components/WeeklyView.tsx
index 903fd85..0eeaf62 100644
--- a/src/components/WeeklyView.tsx
+++ b/src/components/WeeklyView.tsx
@@ -5996,7 +5996,7 @@ export default function WeeklyView() {
             )}
 
             {/* Desktop Header: Left, Center, Right */}
-            <header className="group relative flex items-center justify-between w-full px-4 py-2 border-b border-gray-200 bg-white dark:bg-gray-900 dark:border-gray-700 dark:text-white transition-colors duration-200" style={isMobile ? { display: "none" } : {}}>
+            <header className="group relative flex items-center justify-between w-full px-4 py-1.5 border-b bg-white dark:bg-gray-900 dark:text-white transition-colors duration-200" style={isMobile ? { display: "none" } : { borderBottomColor: 'var(--line)' }}>
                 {/* LEFT SECTION: View Switcher, Days, Hours, Slot Duration */}
                 <div className="weekly-header-controls flex items-center gap-4 transition-opacity duration-700 opacity-0 group-hover:opacity-100" style={{ zIndex: 1, ...(showIntroHints ? { opacity: 1 } : {}) }}>
                     {/* Quick Settings toggle */}