diff --git a/components/cycle-day/symptoms/bleeding.js b/components/cycle-day/symptoms/bleeding.js index 1e637f01b56236e9f592226e105028ec92129d4e..7ec0574b924c6556d82239af59d20efbab21966f 100644 --- a/components/cycle-day/symptoms/bleeding.js +++ b/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} diff --git a/styles/index.js b/styles/index.js index c01241fe1778067872430990d2f540184b749459..52fc65d4a18bbcb3a3584afa4ca6069365df00ec 100644 --- a/styles/index.js +++ b/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' } }) \ No newline at end of file