Fixes fertility icon space

2018-12-02 13:52:17 +01:00
parent 0c22644c54
commit 1b5c637d4e
2 changed files with 11 additions and 4 deletions
@@ -141,7 +141,10 @@ export default class Home extends Component {
              onPress={() => this.props.navigate('Chart')}
              style={styles.homeIconElement}
            >
-              <View style={styles.homeCircle}>
+
+              <View style={styles.homeCircle} position='absolute' />
+
+              <View style={[styles.homeIconTextWrapper, styles.wrapperCircle]}>
                <AppTextLight style={styles.iconText}>
                  {this.state.phase ?
                    this.state.phase.toString()
@@ -100,13 +100,17 @@ export default StyleSheet.create({
    marginBottom: 10,
  },
  wrapperCycle: {
-    width: 70,
-    height: 75
+    width: 80,
+    height: 77
  },
  wrapperDrop: {
+    width: 81,
+    height: 85,
+    marginTop: 20
+  },
+  wrapperCircle: {
    width: 80,
    height: 80,
-    marginTop: 20
  },
  homeCircle: {
    borderRadius: 100,