From 7236e9662fbb00a50d1a490735263cd2d3e48905 Mon Sep 17 00:00:00 2001
From: NunoSempere <nuno.sempere@protonmail.com>
Date: Thu, 19 May 2022 20:42:42 -0400
Subject: [PATCH] tweak: chart padding

---
 src/web/questions/components/HistoryChart/InnerChart.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/web/questions/components/HistoryChart/InnerChart.tsx b/src/web/questions/components/HistoryChart/InnerChart.tsx
index d0b706a..0cbcce5 100644
--- a/src/web/questions/components/HistoryChart/InnerChart.tsx
+++ b/src/web/questions/components/HistoryChart/InnerChart.tsx
@@ -37,7 +37,7 @@ const getVictoryGroup = ({
           data: {
             // strokeOpacity: highlight ?  1 : 0.5,
             strokeOpacity: 0.6,
-            strokeWidth: isBinary ? 4 : 3,
+            strokeWidth: 3,
           },
         }}
       />
@@ -82,7 +82,7 @@ export const InnerChart: React.FC<Props> = ({
 
   return (
     <VictoryChart
-      domainPadding={0}
+      domainPadding={{ x: 0 }}
       padding={padding}
       theme={VictoryTheme.material}
       height={height}
@@ -147,6 +147,11 @@ export const InnerChart: React.FC<Props> = ({
         y: [0, domainMax],
       }}
     >
+      {
+        // Note: axis is not in fact unaligned. Fetchers are at ~12:00
+        // whereas the date is at the beginning of the day
+        // however, it still doesn't look very pretty.
+      }
       <VictoryAxis
         tickCount={Math.min(7, differenceInDays(maxDate, minDate) + 1)}
         style={{