From f6607b98c75d40c3e6fc262f3e4ef78e982a8814 Mon Sep 17 00:00:00 2001
From: Julia Friesel <julia.friesel@gmail.com>
Date: Fri, 24 Aug 2018 19:20:40 +0200
Subject: [PATCH] Style symptom row

---
 components/chart/day-column.js | 2 +-
 components/chart/styles.js     | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/components/chart/day-column.js b/components/chart/day-column.js
index 2f623a9..c23da39 100644
--- a/components/chart/day-column.js
+++ b/components/chart/day-column.js
@@ -108,7 +108,7 @@ export default class DayColumn extends Component {
 
     return (
       <View>
-        <View style={{ height: symptomHeight }}>
+        <View style={[styles.symptomRow, {height: symptomHeight}]}>
           {typeof mucus === 'number' &&
             <View
               {...styles.mucusIcon}
diff --git a/components/chart/styles.js b/components/chart/styles.js
index d60e1a0..bfc3430 100644
--- a/components/chart/styles.js
+++ b/components/chart/styles.js
@@ -87,6 +87,10 @@ const styles = {
     borderColor: '#00b159',
     borderWidth: 2,
     borderStyle: 'solid'
+  },
+  symptomRow: {
+    alignItems: 'center',
+    justifyContent: 'center'
   }
 }