From 44e5b759d1b6d11b74dad7a77ead669099847dfc Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Tue, 24 Mar 2026 18:12:08 +0000
Subject: [PATCH 1/2] Initial plan


From 2be56e58fc324f69dcc80f548b7cb2008cb9fea0 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Tue, 24 Mar 2026 18:15:46 +0000
Subject: [PATCH 2/2] fix: make dashboard metric cards 2-across on mobile

Co-authored-by: Skeyelab <313969+Skeyelab@users.noreply.github.com>
Agent-Logs-Url: https://github.com/ericdahl-dev/clawproxy/sessions/282d62f1-f246-4d4b-b877-51cc088f97cb
---
 components/app/dashboard-metric-cards.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/app/dashboard-metric-cards.tsx b/components/app/dashboard-metric-cards.tsx
index 34508fa..0a86a60 100644
--- a/components/app/dashboard-metric-cards.tsx
+++ b/components/app/dashboard-metric-cards.tsx
@@ -71,7 +71,7 @@ export function DashboardMetricCards({
         </p>
       </div>
 
-      <div className="grid gap-4 sm:grid-cols-2 lg:grid-cols-4">
+      <div className="grid grid-cols-2 gap-3 sm:gap-4 lg:grid-cols-4">
         <MetricCard
           title="Total events"
           value={total}
@@ -102,7 +102,7 @@ export function DashboardMetricCards({
         />
       </div>
 
-      <div className="grid gap-4 sm:grid-cols-2 lg:grid-cols-4">
+      <div className="grid grid-cols-2 gap-3 sm:gap-4 lg:grid-cols-4">
         <MetricCard
           title="In flight"
           value={inFlight}