From 668acb4afe0660054edd9389745d20e804700f35 Mon Sep 17 00:00:00 2001
From: Julia Friesel <julia.friesel@gmail.com>
Date: Wed, 22 May 2019 16:26:39 +0200
Subject: [PATCH] simple way to rearrange home screen

---
 components/home.js | 20 ++++++++++++--------
 styles/index.js    |  3 ++-
 2 files changed, 14 insertions(+), 9 deletions(-)

diff --git a/components/home.js b/components/home.js
index 2a234f6..28cbd11 100644
--- a/components/home.js
+++ b/components/home.js
@@ -12,7 +12,6 @@ import links from '../i18n/en/links'
 import cycleModule from '../lib/cycle'
 import { getFertilityStatusForDay } from '../lib/sympto-adapter'
 import styles, { cycleDayColor, periodColor, secondaryColor } from '../styles'
-
 import AppText from './app-text'
 import Button from './button'
 import { formatDateForShortText } from './helpers/format-date'
@@ -33,13 +32,18 @@ const HomeElement = ({ children, onPress, buttonColor, buttonLabel  }) => {
       onPress={ onPress }
       style={ styles.homeIconElement }
     >
-      { children }
-      <Button
-        style={styles.homeButton}
-        onPress={ onPress }
-        backgroundColor={ buttonColor }>
-        { buttonLabel }
-      </Button>
+      {children[0]}
+      {children[1]}
+
+      <View>
+        {children[2]}
+        <Button
+          style={styles.homeButton}
+          onPress={ onPress }
+          backgroundColor={ buttonColor }>
+          { buttonLabel }
+        </Button>
+      </View>
     </View>
   )
 }
diff --git a/styles/index.js b/styles/index.js
index 9928ef8..edb0da4 100644
--- a/styles/index.js
+++ b/styles/index.js
@@ -122,7 +122,8 @@ export default StyleSheet.create({
   },
   homeIconElement: {
     alignItems: 'center',
-    marginTop: 15
+    marginTop: 15,
+    flexDirection: 'row'
   },
   homeIconTextWrapper: {
     alignItems: 'center',