simple way to rearrange home screen

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,7 +32,11 @@ const HomeElement = ({ children, onPress, buttonColor, buttonLabel  }) => {
       onPress={ onPress }
       style={ styles.homeIconElement }
     >
-      { children }
+      {children[0]}
+      {children[1]}
+
+      <View>
+        {children[2]}
         <Button
           style={styles.homeButton}
           onPress={ onPress }
@@ -41,6 +44,7 @@ const HomeElement = ({ children, onPress, buttonColor, buttonLabel  }) => {
           { buttonLabel }
         </Button>
       </View>
+    </View>
   )
 }
 

styles/index.js

@@ -122,7 +122,8 @@ export default StyleSheet.create({
   },
   homeIconElement: {
     alignItems: 'center',
-    marginTop: 15
+    marginTop: 15,
+    flexDirection: 'row'
   },
   homeIconTextWrapper: {
     alignItems: 'center',