From 0f5d5338f36497470430051de20c6627b2d07ceb Mon Sep 17 00:00:00 2001
From: Usman Baig <mubaig@pm.me>
Date: Wed, 11 Mar 2026 22:26:15 +0100
Subject: [PATCH] fix: make scroll depth block half-width and enlarge radar
 chart

---
 app/sites/[id]/page.tsx              | 8 ++++----
 components/dashboard/ScrollDepth.tsx | 6 +++---
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/app/sites/[id]/page.tsx b/app/sites/[id]/page.tsx
index a220bc3..c7e4762 100644
--- a/app/sites/[id]/page.tsx
+++ b/app/sites/[id]/page.tsx
@@ -584,15 +584,15 @@ export default function SiteDashboardPage() {
         />
       </div>
 
-      <div className="grid gap-6 lg:grid-cols-2 mb-8">
+      <div className="mb-8">
         <Campaigns siteId={siteId} dateRange={dateRange} filters={filtersParam || undefined} onFilter={handleAddFilter} />
+      </div>
+
+      <div className="grid gap-6 lg:grid-cols-2 mb-8">
         <GoalStats
           goalCounts={(dashboard?.goal_counts ?? []).filter(g => !/^scroll_\d+$/.test(g.event_name))}
           onSelectEvent={setSelectedEvent}
         />
-      </div>
-
-      <div className="mb-8">
         <ScrollDepth goalCounts={dashboard?.goal_counts ?? []} totalPageviews={stats.pageviews} />
       </div>
 
diff --git a/components/dashboard/ScrollDepth.tsx b/components/dashboard/ScrollDepth.tsx
index d9157cb..9409420 100644
--- a/components/dashboard/ScrollDepth.tsx
+++ b/components/dashboard/ScrollDepth.tsx
@@ -38,10 +38,10 @@ export default function ScrollDepth({ goalCounts, totalPageviews }: ScrollDepthP
       {hasData ? (
         <div className="flex-1 min-h-[200px] flex items-center justify-center">
           <RadarChart
-            width={260}
-            height={220}
+            width={340}
+            height={300}
             data={chartData}
-            margin={{ top: 10, right: 20, bottom: 10, left: 20 }}
+            margin={{ top: 16, right: 32, bottom: 16, left: 32 }}
           >
             <PolarGrid stroke="#404040" />
             <PolarAngleAxis