From e9a4a0b2163b6c236f250a0152a435d8af6f1c63 Mon Sep 17 00:00:00 2001
From: mARTin <mail@martin-bierschenk.de>
Date: Sun, 15 Mar 2026 08:55:48 +0100
Subject: [PATCH] fix: date vertical alignment in day header

Remove default h3 margins from .weekly-day-name and clear margin-bottom
on .weekly-day-date when in horizontal (left/right) layout so that
flexbox alignItems (top/center/bottom) works correctly.

v1.34.1

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

diff --git a/package.json b/package.json
index f48e4eb..9b6f7e4 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "my-weekly-todo-list",
-  "version": "1.34.0",
+  "version": "1.34.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 ff4fec8..7563c3f 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -653,6 +653,7 @@ h3 {
   letter-spacing: -0.02em;
   color: var(--weekly-weekday-color, var(--weekly-text));
   font-family: var(--weekly-font-headline) !important;
+  margin: 0;
 }
 
 .weekly-day-name.is-today {
diff --git a/src/components/WeeklyView.tsx b/src/components/WeeklyView.tsx
index 8afe3af..ea03e37 100644
--- a/src/components/WeeklyView.tsx
+++ b/src/components/WeeklyView.tsx
@@ -6421,7 +6421,7 @@ export default function WeeklyView() {
                                         }}
                                     >
                                         {activeDateLayout === "left" && (
-                                            <span className="weekly-day-date" style={{ flexShrink: 0 }}>
+                                            <span className="weekly-day-date" style={{ flexShrink: 0, marginBottom: (activeDateLayout === "left" || activeDateLayout === "right") ? 0 : undefined }}>
                                                 {formatDateHeader(date, language)}
                                             </span>
                                         )}
@@ -6435,7 +6435,7 @@ export default function WeeklyView() {
                                             activeDateLayout === "above" ||
                                             activeDateLayout === "below" ||
                                             activeDateLayout === undefined) && (
-                                                <span className="weekly-day-date" style={{ flexShrink: 0 }}>
+                                                <span className="weekly-day-date" style={{ flexShrink: 0, marginBottom: (activeDateLayout === "right" || activeDateLayout === undefined) ? 0 : undefined }}>
                                                     {formatDateHeader(date, language)}
                                                 </span>
                                             )}