From d6009ef7b20060b87c7ab95372147099fbec6251 Mon Sep 17 00:00:00 2001
From: mARTin <mail@martin-bierschenk.de>
Date: Sun, 15 Mar 2026 09:04:53 +0100
Subject: [PATCH] fix: date vertical alignment uses baseline with relative
 offsets

Use baseline alignment as anchor so the date positions relative to the
weekday text, not the container. Apply small em-based offsets for
top/center/bottom to fine-tune positioning without overshooting.

v1.34.3

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

diff --git a/package.json b/package.json
index f00cf84..a5ddc93 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "my-weekly-todo-list",
-  "version": "1.34.2",
+  "version": "1.34.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/components/WeeklyView.tsx b/src/components/WeeklyView.tsx
index 3fe4c39..27ede0e 100644
--- a/src/components/WeeklyView.tsx
+++ b/src/components/WeeklyView.tsx
@@ -6404,7 +6404,7 @@ export default function WeeklyView() {
                                                 activeDateLayout === "above" ||
                                                     activeDateLayout === "below"
                                                     ? (profile.dateAlignment === "left" ? "flex-start" : profile.dateAlignment === "right" ? "flex-end" : "center")
-                                                    : (profile.dateVerticalAlign === "top" ? "flex-start" : profile.dateVerticalAlign === "bottom" ? "baseline" : "center"),
+                                                    : "baseline",
                                             justifyContent:
                                                 profile.dateAlignment === "left"
                                                     ? "flex-start"
@@ -6421,7 +6421,12 @@ export default function WeeklyView() {
                                         }}
                                     >
                                         {activeDateLayout === "left" && (
-                                            <span className="weekly-day-date" style={{ flexShrink: 0, marginBottom: (activeDateLayout === "left" || activeDateLayout === "right") ? 0 : undefined }}>
+                                            <span className="weekly-day-date" style={{
+                                                flexShrink: 0,
+                                                marginBottom: 0,
+                                                position: "relative",
+                                                top: profile.dateVerticalAlign === "top" ? "-0.35em" : profile.dateVerticalAlign === "bottom" ? "0.1em" : "-0.1em",
+                                            }}>
                                                 {formatDateHeader(date, language)}
                                             </span>
                                         )}
@@ -6435,7 +6440,14 @@ export default function WeeklyView() {
                                             activeDateLayout === "above" ||
                                             activeDateLayout === "below" ||
                                             activeDateLayout === undefined) && (
-                                                <span className="weekly-day-date" style={{ flexShrink: 0, marginBottom: (activeDateLayout === "right" || activeDateLayout === undefined) ? 0 : undefined }}>
+                                                <span className="weekly-day-date" style={{
+                                                    flexShrink: 0,
+                                                    marginBottom: (activeDateLayout === "above" || activeDateLayout === "below") ? undefined : 0,
+                                                    ...(activeDateLayout !== "above" && activeDateLayout !== "below" ? {
+                                                        position: "relative" as const,
+                                                        top: profile.dateVerticalAlign === "top" ? "-0.35em" : profile.dateVerticalAlign === "bottom" ? "0.1em" : "-0.1em",
+                                                    } : {}),
+                                                }}>
                                                     {formatDateHeader(date, language)}
                                                 </span>
                                             )}