From e74d4cf7c682c1ffbbb9d6661ac0c0b7252a54fb Mon Sep 17 00:00:00 2001
From: Kyle Pope <kyle.a.pope@outlook.com>
Date: Sat, 21 Feb 2026 12:26:47 +0800
Subject: [PATCH] Align date/time column in upcoming widget

Give the date column a fixed width (7rem) and right-align it so
entries with different date formats (date-only vs datetime) line up.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 frontend/src/components/dashboard/UpcomingWidget.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/components/dashboard/UpcomingWidget.tsx b/frontend/src/components/dashboard/UpcomingWidget.tsx
index 4eb0b2b..2ff16eb 100644
--- a/frontend/src/components/dashboard/UpcomingWidget.tsx
+++ b/frontend/src/components/dashboard/UpcomingWidget.tsx
@@ -48,7 +48,7 @@ export default function UpcomingWidget({ items, days = 7 }: UpcomingWidgetProps)
                   >
                     <Icon className={cn('h-3.5 w-3.5 shrink-0', config.color)} />
                     <span className="text-sm font-medium truncate flex-1 min-w-0">{item.title}</span>
-                    <span className="text-xs text-muted-foreground shrink-0 whitespace-nowrap tabular-nums">
+                    <span className="text-xs text-muted-foreground shrink-0 whitespace-nowrap tabular-nums w-[7rem] text-right">
                       {item.datetime
                         ? format(new Date(item.datetime), 'MMM d, h:mm a')
                         : format(new Date(item.date), 'MMM d')}