From a3d5ad5fd103a8d7aaf64569c71d040c3bf3a808 Mon Sep 17 00:00:00 2001
From: zkldi <20380519+zkldi@users.noreply.github.com>
Date: Thu, 11 Nov 2021 12:59:26 +0000
Subject: [PATCH] Extend leftpadding on timelinecharts

---
 client/src/components/charts/TimelineChart.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/client/src/components/charts/TimelineChart.tsx b/client/src/components/charts/TimelineChart.tsx
index 866fc2973..32ed8deac 100644
--- a/client/src/components/charts/TimelineChart.tsx
+++ b/client/src/components/charts/TimelineChart.tsx
@@ -64,7 +64,7 @@ export default function TimelineChart({
 			<div className="d-block d-md-none" style={{ height: mobileHeight, width: mobileWidth }}>
 				<ResponsiveLine
 					data={data}
-					margin={{ top: 30, bottom: 50, left: 30, right: 0 }}
+					margin={{ top: 30, bottom: 50, left: 40, right: 0 }}
 					xScale={{ type: "time", format: "%Q" }}
 					xFormat="time:%Q"
 					axisBottom={axisBottom}
@@ -86,7 +86,7 @@ export default function TimelineChart({
 			<div className="d-none d-md-block" style={{ height, width }}>
 				<ResponsiveLine
 					data={data}
-					margin={{ top: 30, bottom: 50, left: 50, right: 50 }}
+					margin={{ top: 30, bottom: 50, left: 60, right: 50 }}
 					xScale={{ type: "time", format: "%Q" }}
 					xFormat="time:%Q"
 					axisBottom={axisBottom}