From 86392080188f5d7870ec32e61764e772cc4f880b Mon Sep 17 00:00:00 2001
From: Julia Friesel <julia.friesel@gmail.com>
Date: Sun, 15 Jul 2018 23:01:10 +0200
Subject: [PATCH] Style radio button row

---
 components/cycle-day/symptoms/bleeding.js | 2 +-
 styles/index.js                           | 7 ++++++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/components/cycle-day/symptoms/bleeding.js b/components/cycle-day/symptoms/bleeding.js
index 1e637f0..7ec0574 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 c01241f..52fc65d 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