From 66e230f740b869c9919804ecab960eeb4bfa2b1e Mon Sep 17 00:00:00 2001
From: Kyle Pope <kyle.a.pope@outlook.com>
Date: Wed, 11 Mar 2026 23:21:04 +0800
Subject: [PATCH] Make right column cards fill height to align with Upcoming
 card

Wrap TodoWidget in flex-1 container and add h-full to its Card so
the Upcoming Todos card stretches to fill remaining space in the
right column, keeping both columns visually aligned.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 frontend/src/components/dashboard/DashboardPage.tsx | 4 +++-
 frontend/src/components/dashboard/TodoWidget.tsx    | 2 +-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/dashboard/DashboardPage.tsx b/frontend/src/components/dashboard/DashboardPage.tsx
index 6902b39..2972677 100644
--- a/frontend/src/components/dashboard/DashboardPage.tsx
+++ b/frontend/src/components/dashboard/DashboardPage.tsx
@@ -199,7 +199,9 @@ export default function DashboardPage() {
                 <CountdownWidget events={data.starred_events} />
               )}
               <CalendarWidget events={data.todays_events} />
-              <TodoWidget todos={data.upcoming_todos} />
+              <div className="flex-1">
+                <TodoWidget todos={data.upcoming_todos} />
+              </div>
             </div>
           </div>
 
diff --git a/frontend/src/components/dashboard/TodoWidget.tsx b/frontend/src/components/dashboard/TodoWidget.tsx
index da3bcea..1afab55 100644
--- a/frontend/src/components/dashboard/TodoWidget.tsx
+++ b/frontend/src/components/dashboard/TodoWidget.tsx
@@ -33,7 +33,7 @@ export default function TodoWidget({ todos }: TodoWidgetProps) {
   const navigate = useNavigate();
 
   return (
-    <Card>
+    <Card className="h-full">
       <CardHeader>
         <CardTitle className="flex items-center gap-2">
           <div className="p-1.5 rounded-md bg-blue-500/10">