From df2eee44ec6af1b00d8378bf9ef95d1544cc1f67 Mon Sep 17 00:00:00 2001
From: Tanner <git@tanner.vc>
Date: Wed, 26 Aug 2026 16:22:49 +0000
Subject: [PATCH] style: adjust chart margins and tick gap

---
 client/src/App.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/client/src/App.js b/client/src/App.js
index e7bb01a..bed8b75 100644
--- a/client/src/App.js
+++ b/client/src/App.js
@@ -126,7 +126,7 @@ function ChartContainer({name, data, lastFormatter, loading, children, topMargin
 			<h2>{name}: {loading ? 'Loading...' : last || 'No data'}</h2>
 
 			<ResponsiveContainer width='100%' height={300}>
-				<ComposedChart syncId={1} data={data} margin={{ top: topMargin, left: 0, right: 30, bottom: 0 }}>
+				<ComposedChart syncId={1} data={data} margin={{ top: topMargin, left: 0, right: 10, bottom: 0 }}>
 					{children}
 				</ComposedChart>
 			</ResponsiveContainer>
@@ -148,7 +148,7 @@ function SolarPower({end, duration}) {
 		>
 			<XAxis
 				dataKey='time'
-				minTickGap={5}
+				minTickGap={0}
 				tickFormatter={tickFormatter}
 				ticks={ticks}
 			/>