From b3e8c69566bae7cafef934c83f2cffda8a093ca0 Mon Sep 17 00:00:00 2001
From: Arunavo Ray <rayanup3@gmail.com>
Date: Tue, 1 Sep 2026 09:30:34 +0530
Subject: [PATCH] fix(ui): make the dashboard Repositories and Recent Activity
 cards match

The two cards sat at whatever height their own content needed, so they
ended at different points whenever the lists were different lengths.
That is the normal state: repositories and mirror jobs come from
independent tables, and activity accumulates on every sync while the
repository list only grows when a repo is added.

- Drops items-start from the row so the columns stretch to the row
  height, in both the skeleton and the loaded state so the layout does
  not shift on load.
- Adds h-full to both cards. Without it the column stretches but the
  card inside still hugs its content, so removing items-start alone
  changes nothing on screen.
- Aligns the activity row padding with the repository rows (py-3 to
  py-3.5) so the rows line up when the two lists do have equal counts.

Verified in the browser at 8 vs 8 and 8 vs 5 items: both cards measure
657px in each case.

Claude-Session: https://claude.ai/code/session_01QRhZnpehnrVtnPRqJYDdVQ
---
 src/components/dashboard/Dashboard.tsx      | 4 ++--
 src/components/dashboard/RecentActivity.tsx | 4 ++--
 src/components/dashboard/RepositoryList.tsx | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/dashboard/Dashboard.tsx b/src/components/dashboard/Dashboard.tsx
index a2a2008..61e4934 100644
--- a/src/components/dashboard/Dashboard.tsx
+++ b/src/components/dashboard/Dashboard.tsx
@@ -269,7 +269,7 @@ export function Dashboard() {
         <StatusCardSkeleton />
       </div>
 
-      <div className="flex flex-col lg:flex-row gap-6 items-start">
+      <div className="flex flex-col lg:flex-row gap-6">
         {/* Repository List Skeleton */}
         <div className="w-full lg:w-1/2 border rounded-lg p-4">
           <div className="flex justify-between items-center mb-4">
@@ -327,7 +327,7 @@ export function Dashboard() {
         />
       </div>
 
-      <div className="flex flex-col lg:flex-row gap-6 items-start">
+      <div className="flex flex-col lg:flex-row gap-6">
         <div className="w-full lg:w-1/2">
           <RepositoryList repositories={repositories.slice(0, 8)} />
         </div>
diff --git a/src/components/dashboard/RecentActivity.tsx b/src/components/dashboard/RecentActivity.tsx
index b15f78c..569eba5 100644
--- a/src/components/dashboard/RecentActivity.tsx
+++ b/src/components/dashboard/RecentActivity.tsx
@@ -39,7 +39,7 @@ export function RecentActivity({ activities }: RecentActivityProps) {
   useTimeFormat();
 
   return (
-    <Card className="w-full">
+    <Card className="h-full w-full">
       <CardHeader className="flex flex-row items-center justify-between">
         <CardTitle className="flex items-center gap-3 text-base font-semibold">
           <Activity className="h-5 w-5 text-muted-foreground" />
@@ -71,7 +71,7 @@ export function RecentActivity({ activities }: RecentActivityProps) {
             {activities.map((activity, index) => {
               const { Icon, color } = activityIcon(activity.status);
               return (
-                <div key={index} className="flex items-center gap-x-3 py-3">
+                <div key={index} className="flex items-center gap-x-3 py-3.5">
                   <div className="flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-full bg-muted">
                     <Icon className={`h-4 w-4 ${color}`} />
                   </div>
diff --git a/src/components/dashboard/RepositoryList.tsx b/src/components/dashboard/RepositoryList.tsx
index 7d0a63a..8e688c0 100644
--- a/src/components/dashboard/RepositoryList.tsx
+++ b/src/components/dashboard/RepositoryList.tsx
@@ -39,7 +39,7 @@ export function RepositoryList({ repositories }: RepositoryListProps) {
   };
 
   return (
-    <Card className="w-full">
+    <Card className="h-full w-full">
       <CardHeader className="flex flex-row items-center justify-between">
         <CardTitle className="flex items-center gap-3 text-base font-semibold">
           <GitFork className="h-5 w-5 text-muted-foreground" />