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 1e637f01..7ec0574b 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 c01241fe..52fc65d4 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
--
GitLab