From b504de45a202f73b3f0c35077e1d1561870bc094 Mon Sep 17 00:00:00 2001
From: Brandon Presley <brandon@presley.nz>
Date: Wed, 23 Nov 2022 21:49:27 +1300
Subject: [PATCH] Fix x axis cutting off for some charts

Closes #119
---
 Chart.tsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/Chart.tsx b/Chart.tsx
index 75fe5ec..4cef1a4 100644
--- a/Chart.tsx
+++ b/Chart.tsx
@@ -31,7 +31,12 @@ export default function Chart({
 
   return (
     <>
-      <View style={{height: 300, padding: PADDING, flexDirection: 'row'}}>
+      <View
+        style={{
+          height: 300,
+          padding: PADDING,
+          flexDirection: 'row',
+        }}>
         <YAxis
           data={yData}
           style={{marginBottom: xAxisHeight}}
@@ -51,10 +56,9 @@ export default function Chart({
             <Grid />
           </LineChart>
           <XAxis
-            style={{marginHorizontal: -10, height: xAxisHeight}}
             data={xData}
             formatLabel={xFormat}
-            contentInset={{left: 10, right: 10}}
+            contentInset={{left: 15, right: 16}}
             svg={axesSvg}
           />
         </View>