From 8069df9e07874eefa3642084dced7d664fd1bff8 Mon Sep 17 00:00:00 2001
From: mARTin <mail@martin-bierschenk.de>
Date: Fri, 13 Feb 2026 07:20:34 +0100
Subject: [PATCH] style: Refine date header format to 'Weekday, DD.MMM.' with
 unified font size

---
 src/components/WeeklyView.tsx | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/src/components/WeeklyView.tsx b/src/components/WeeklyView.tsx
index e01d1da..62ab8fe 100644
--- a/src/components/WeeklyView.tsx
+++ b/src/components/WeeklyView.tsx
@@ -195,8 +195,7 @@ function getStartOfWeek(date: Date, startDay: number = 0): Date {
 }
 
 function formatDateHeader(date: Date, locale: string = 'en-US'): string {
-    const datePart = date.toLocaleDateString(locale, { day: 'numeric', month: 'short' }); // e.g. 12. Feb.
-    return `| ${datePart}`;
+    return date.toLocaleDateString(locale, { day: 'numeric', month: 'short' }); // e.g. 12. Feb.
 }
 
 function getDayName(date: Date, locale: string = 'en-US'): string {
@@ -1632,11 +1631,10 @@ export default function WeeklyView() {
                         >
                             {/* Day Header */}
                             <header className="weekly-day-header">
-                                <div style={{ display: 'flex', flexWrap: 'wrap', alignItems: 'baseline', gap: '8px', rowGap: '0' }}>
+                                <div style={{ display: 'flex', alignItems: 'baseline', gap: '4px' }}>
                                     <h3 className={`weekly-day-name ${isSameDay(date, new Date()) ? 'is-today' : ''}`} style={{ marginBottom: 0 }}>
-                                        {getDayName(date, language)}
+                                        {getDayName(date, language)}, <span style={{ fontWeight: 400 }}>{formatDateHeader(date, language)}</span>
                                     </h3>
-                                    <div className="weekly-day-date" style={{ fontSize: '10px', fontWeight: 700, opacity: 0.6 }}>{formatDateHeader(date, language)}</div>
                                 </div>
                             </header>