From 2ff5837e8788e41e1609ca1dded53e713ef2fe21 Mon Sep 17 00:00:00 2001
From: Tanner <git@tanner.vc>
Date: Wed, 26 Aug 2026 16:49:37 +0000
Subject: [PATCH] style: increase YAxis width and adjust pressure domain in
 graphs

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

diff --git a/client/src/App.js b/client/src/App.js
index 20da422..69d8ff4 100644
--- a/client/src/App.js
+++ b/client/src/App.js
@@ -157,7 +157,7 @@ function SolarPower({end, duration}) {
 
 			<YAxis
 				domain={[0, 6000]}
-				width={35}
+				width={40}
 				ticks={[0, 1000, 2000, 3000, 4000, 5000, 6000]}
 				tickFormatter={(tick) => tick === 0 ? 0 : (tick / 1000) + 'k'}
 			/>
@@ -208,13 +208,13 @@ function Temperature({name, sensorName, end, duration, yDomain, showHumidity, sh
 					domain={[0, 100]}
 					orientation='right'
 					hide={true}
-					width={35}
+					width={40}
 				/>
 			}
 			<YAxis
 				yAxisId={showHumidity ? 'left' : undefined}
 				domain={yDomain}
-				width={35}
+				width={40}
 			/>
 			<CartesianGrid strokeDasharray='3 3'/>
 			<Tooltip
@@ -280,12 +280,12 @@ function Thermostat({end, duration}) {
 				domain={[0, 6]}
 				orientation='right'
 				hide={true}
-				width={35}
+				width={40}
 			/>
 			<YAxis
 				yAxisId='left'
 				domain={[12, 30]}
-				width={35}
+				width={40}
 			/>
 
 			<CartesianGrid strokeDasharray='3 3'/>
@@ -355,11 +355,11 @@ function Gas({end, duration}) {
 				domain={data.length ? [data[0].consumption_data, data.slice(-1)[0].consumption_data] : [100, 0]}
 				orientation='right'
 				hide={true}
-				width={35}
+				width={40}
 			/>
 			<YAxis
 				yAxisId='left'
-				width={35}
+				width={40}
 			/>
 
 			<CartesianGrid strokeDasharray='3 3'/>
@@ -416,11 +416,11 @@ function Water({end, duration}) {
 				domain={data.length ? [data[0].consumption_data, data.slice(-1)[0].consumption_data] : [100, 0]}
 				orientation='right'
 				hide={true}
-				width={35}
+				width={40}
 			/>
 			<YAxis
 				yAxisId='left'
-				width={35}
+				width={40}
 			/>
 
 			<CartesianGrid strokeDasharray='3 3'/>
@@ -473,7 +473,7 @@ function LivingRoomDust({end, duration}) {
 			/>
 			<YAxis
 				domain={[0, 20]}
-				width={35}
+				width={40}
 			/>
 			<CartesianGrid strokeDasharray='3 3'/>
 			<Tooltip
@@ -519,19 +519,19 @@ function Air({name, sensorName, end, duration}) {
 				domain={[400, 1000]}
 				orientation='right'
 				hide={true}
-				width={35}
+				width={40}
 			/>
 			<YAxis
 				yAxisId='voc'
 				domain={[0, 250]}
 				orientation='right'
 				hide={true}
-				width={35}
+				width={40}
 			/>
 			<YAxis
 				yAxisId='pm'
 				domain={[0, 20]}
-				width={35}
+				width={40}
 			/>
 
 			<CartesianGrid strokeDasharray='3 3'/>
@@ -610,7 +610,7 @@ function BedroomSleep({end, duration}) {
 			/>
 			<YAxis
 				domain={[5, 20]}
-				width={35}
+				width={40}
 			/>
 			<CartesianGrid strokeDasharray='3 3'/>
 			<Tooltip
@@ -654,7 +654,7 @@ function Lux({name, sensorName, end, duration}) {
 			<YAxis
 				yAxisId='lux'
 				domain={[0, 250]}
-				width={35}
+				width={40}
 			/>
 
 			<CartesianGrid strokeDasharray='3 3'/>
@@ -758,7 +758,7 @@ function MultiLineChart({title, measurement, dataKey, sensors, colors, end, dura
 			loading={loading}
 		>
 			<XAxis dataKey='time' minTickGap={0} tickFormatter={tickFormatter} ticks={ticks} />
-			<YAxis domain={yDomain} width={35} />
+			<YAxis domain={yDomain} width={40} />
 			<CartesianGrid strokeDasharray='3 3'/>
 			<Tooltip
 				formatter={(v, name) => v.toFixed(1) + (units[unitKey] || '')}
@@ -803,7 +803,7 @@ function Soil({name, sensorName, end, duration}) {
 			<YAxis
 				yAxisId='soil'
 				domain={[0, 1000]}
-				width={35}
+				width={40}
 			/>
 
 			<CartesianGrid strokeDasharray='3 3'/>
@@ -850,7 +850,7 @@ function WH51Soil({name, sensorName, end, duration}) {
 			<YAxis
 				yAxisId='soil'
 				domain={[0, 100]}
-				width={35}
+				width={40}
 			/>
 
 			<CartesianGrid strokeDasharray='3 3'/>
@@ -916,7 +916,7 @@ function Graphs({end, duration}) {
 				colors={['black', 'red', 'blue']}
 				end={end}
 				duration={duration}
-				yDomain={[87, 91.5]}
+				yDomain={[87, 91]}
 				unitKey='kPa'
 				transform={v => v / 10}
 			/>