Fix chart overlap with time range buttons

gskril · claude · gskril · commit cb0142505615 · 2026-03-17T00:08:29.000-04:00
Increase chart top margin when range buttons are visible so the grid
lines and data line don't overlap with the button row.

Co-Authored-By: Claude Opus 4.6 (1M context) &lt;noreply@anthropic.com&gt;
diff --git a/client/src/screens/Home.tsx b/client/src/screens/Home.tsx
@@ -138,7 +138,7 @@ export function Home() {
                 margin={{
                   left: 12,
                   right: 12,
-                  top: 4,
+                  top: timeRanges.length > 1 ? 32 : 4,
                 }}
               >
                 <CartesianGrid vertical={false} />

Original file line number	Diff line number	Diff line change
`@@ -138,7 +138,7 @@ export function Home() {`
`138`	`138`	`margin={{`
`139`	`139`	`left: 12,`
`140`	`140`	`right: 12,`
`141`		`- top: 4,`
	`141`	`+ top: timeRanges.length > 1 ? 32 : 4,`
`142`	`142`	`}}`
`143`	`143`	`>`
`144`	`144`	`<CartesianGrid vertical={false} />`