From 246a6b3bb70db090029cab18ccfe6bc192ee03e1 Mon Sep 17 00:00:00 2001
From: Kevin Sullivan <wolverine.ks@gmail.com>
Date: Sat, 16 Feb 2019 21:17:52 -0800
Subject: [PATCH] Align date label with dates

---
 components/chart/chart.js  | 5 +----
 components/chart/styles.js | 6 +++++-
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/components/chart/chart.js b/components/chart/chart.js
index f986524..3b9b224 100644
--- a/components/chart/chart.js
+++ b/components/chart/chart.js
@@ -170,10 +170,7 @@ export default class CycleChart extends Component {
                 size={styles.yAxis.width - 7}
                 color={cycleDayColor}
               />
-              <AppText style={[
-                styles.column.label.date,
-                styles.yAxisLabels.dateLabel
-              ]}>
+              <AppText style={[styles.yAxisLabels.dateLabel]}>
                 {labels.date.toLowerCase()}
               </AppText>
             </View>
diff --git a/components/chart/styles.js b/components/chart/styles.js
index 4da89b2..c9b63a8 100644
--- a/components/chart/styles.js
+++ b/components/chart/styles.js
@@ -34,6 +34,7 @@ const styles = {
         fontSize: 9,
         fontWeight: '100',
         textAlign: 'center',
+        paddingTop: 2.5
       },
       number: {
         color: cycleDayColor,
@@ -101,7 +102,10 @@ const styles = {
     },
     dateLabel: {
       textAlign: 'center',
-      justifyContent: 'center'
+      justifyContent: 'center',
+      color: 'grey',
+      fontSize: 9,
+      fontWeight: '100',
     }
   },
   horizontalGrid: {