From 9eb1ad6af1227efe7dd43e54572c06be684e0f07 Mon Sep 17 00:00:00 2001
From: Julia Friesel <julia.friesel@gmail.com>
Date: Sun, 15 Jul 2018 22:35:33 +0200
Subject: [PATCH] Simplify home screen markup

---
 components/home.js | 56 +++++++++++++++++++++-------------------------
 1 file changed, 25 insertions(+), 31 deletions(-)

diff --git a/components/home.js b/components/home.js
index 60327e3..1204f8e 100644
--- a/components/home.js
+++ b/components/home.js
@@ -5,7 +5,7 @@ import {
   Text
 } from 'react-native'
 import { LocalDate } from 'js-joda'
-import styles from '../styles/index'
+import styles from '../styles'
 import cycleDayModule from '../lib/get-cycle-day-number'
 import { getOrCreateCycleDay, bleedingDaysSortedByDate, deleteAll } from '../db'
 
@@ -46,37 +46,31 @@ export default class Home extends Component {
   render() {
     const navigate = this.props.navigation.navigate
     return (
-      <View style={ styles.homeContainerView }>
-        <View style={{flex: 2}}>
-          <View>
-            <Text style={styles.welcome}>{this.state.welcomeText}</Text>
-          </View>
+      <View>
+        <Text style={styles.welcome}>{this.state.welcomeText}</Text>
+        <View style={styles.homeButtons}>
+          <Button
+            onPress={() => this.passTodayToDayView()}
+            title="Edit symptoms for today">
+          </Button>
         </View>
-        <View style={ styles.homeButtonsView}>
-          <View>
-            <Button
-              onPress={() => this.passTodayToDayView()}
-              title="Edit symptoms for today">
-            </Button>
-          </View>
-          <View>
-            <Button
-              onPress={() => navigate('calendar')}
-              title="Go to calendar">
-            </Button>
-          </View>
-          <View>
-            <Button
-              onPress={() => navigate('chart')}
-              title="Go to chart">
-            </Button>
-          </View>
-          <View>
-            <Button
-              onPress={() => deleteAll()}
-              title="delete everything">
-            </Button>
-          </View>
+        <View style={styles.homeButton}>
+          <Button
+            onPress={() => navigate('calendar')}
+            title="Go to calendar">
+          </Button>
+        </View>
+        <View style={styles.homeButton}>
+          <Button
+            onPress={() => navigate('chart')}
+            title="Go to chart">
+          </Button>
+        </View>
+        <View style={styles.homeButton}>
+          <Button
+            onPress={() => deleteAll()}
+            title="delete everything">
+          </Button>
         </View>
       </View>
     )