Style radio button row

components/cycle-day/symptoms/bleeding.js

@@ -34,7 +34,7 @@ export default class Bleeding extends Component {
     return (
       <View style={styles.symptomEditView}>
         <Text style={styles.symptomDayView}>Bleeding</Text>
-        <View style={{marginTop: 15}}>
+        <View style={styles.radioButtonRow}>
           <RadioForm
             radio_props={bleedingRadioProps}
             initial={this.state.currentValue}

styles/index.js

@@ -31,7 +31,7 @@ export default StyleSheet.create({
   },
   radioButton: {
     fontSize: 18,
-    margin: 5,
+    margin: 8,
     textAlign: 'center',
     textAlignVertical: 'center'
   },
@@ -77,5 +77,10 @@ export default StyleSheet.create({
   },
   symptomEditButton: {
     width: 130
+  },
+  radioButtonRow: {
+    marginTop: 15,
+    marginLeft: 'auto',
+    marginRight: 'auto'
   }
 })