From 9b880101fd05373dc3e7878e2539d0bbd40d316b Mon Sep 17 00:00:00 2001
From: MartinBraquet <martin.braquet@gmail.com>
Date: Tue, 14 Oct 2025 19:56:35 +0200
Subject: [PATCH] Make plot larger on mobile

---
 web/components/widgets/charts.tsx | 2 +-
 web/pages/stats.tsx               | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/web/components/widgets/charts.tsx b/web/components/widgets/charts.tsx
index bee3e00a..febbcbb7 100644
--- a/web/components/widgets/charts.tsx
+++ b/web/components/widgets/charts.tsx
@@ -110,7 +110,7 @@ export default function ChartMembers() {
   return (
     <div>
       <ResponsiveContainer width="100%" height={chartHeight}>
-        <LineChart data={data} margin={{top: 24, right: 16, bottom: 24, left: -30}}>
+        <LineChart data={data} margin={{top: 24, right: 16, bottom: 24, left: -20}}>
           <text
             x="50%"
             y="24"
diff --git a/web/pages/stats.tsx b/web/pages/stats.tsx
index 09a552ac..28e88263 100644
--- a/web/pages/stats.tsx
+++ b/web/pages/stats.tsx
@@ -41,8 +41,10 @@ export default function Stats() {
   return (
     <LovePage trackPageView={'charts'}>
       <h1 className="text-3xl font-semibold text-center mb-6">Growth & Stats</h1>
-      <Col className={'mx-4 mb-8'}>
+      <Col className={'sm:mx-4 mx-1 mb-8'}>
         <ChartMembers/>
+      </Col>
+      <Col className={'mx-4 mb-8'}>
         <Col
           className={clsx(
             'pb-[58px] lg:pb-0', // bottom bar padding