From b595b01482ce0aab314ce567f0954609229716a5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C9=85GO=E1=8F=92=C9=85?= <agora_@tuta.io>
Date: Sun, 9 Nov 2025 17:51:19 +0100
Subject: [PATCH] Add charts for stacking and spending growth

---
 pages/stackers/[sub]/[when].js | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/pages/stackers/[sub]/[when].js b/pages/stackers/[sub]/[when].js
index 0d9cad45d..1acd76c49 100644
--- a/pages/stackers/[sub]/[when].js
+++ b/pages/stackers/[sub]/[when].js
@@ -94,6 +94,8 @@ export default function Growth ({ ssrData }) {
           <div className='text-center text-muted fw-bold'>sats stacked</div>
           <WhenAreaChart data={stackingGrowth} />
         </Col>
+      </Row>
+      <Row>
         <Col className='mt-3'>
           <div className='text-center text-muted fw-bold'>sats spent</div>
           <WhenAreaChart data={spendingGrowth} />
@@ -104,6 +106,8 @@ export default function Growth ({ ssrData }) {
           <div className='text-center text-muted fw-bold'>unique stackers</div>
           <WhenLineChart data={stackerGrowth} />
         </Col>
+      </Row>
+      <Row>
         <Col className='mt-3'>
           <div className='text-center text-muted fw-bold'>unique spenders</div>
           <WhenLineChart data={spenderGrowth} />
@@ -114,6 +118,8 @@ export default function Growth ({ ssrData }) {
           <div className='text-center text-muted fw-bold'>spend counts</div>
           <WhenLineChart data={itemGrowth} />
         </Col>
+      </Row>
+      <Row>
         <Col className='mt-3'>
           {sub === 'all' && <div className='text-center text-muted fw-bold'>registrations</div>}
           <WhenAreaChart data={registrationGrowth} />