little improvements to view styling

components/stats.js

@@ -26,7 +26,7 @@ export default class Stats extends Component {
     }
     return (
       <ScrollView>
-        <View style={styles.appHorizontalMargin}>
+        <View style={[styles.appHorizontalMargin, styles.appVerticalMargin]}>
           <AppText style={styles.appTextTitle}>{labels.cycleLengthTitle}</AppText>
           <AppText style={styles.appBottomMargin}>{labels.cycleLengthExplainer}</AppText>
           {!atLeastOneCycle &&

styles/index.js

@@ -16,6 +16,9 @@ export default StyleSheet.create({
     color: 'black',
     marginBottom: 5,
   },
+  appVerticalMargin: {
+    marginTop: 10,
+  },
   appHorizontalMargin: {
     marginHorizontal: 10,
   },
@@ -29,7 +32,7 @@ export default StyleSheet.create({
     textAlignVertical: 'center'
   },
   dateHeader: {
-    fontSize: 18,
+    fontSize: 22,
     fontWeight: 'bold',
     color: fontOnPrimaryColor,
     textAlign: 'center',