From be6545ec036238bb777e557d315b3bcc4bd2e973 Mon Sep 17 00:00:00 2001
From: Julia Friesel <julia.friesel@gmail.com>
Date: Sat, 1 Sep 2018 23:44:14 +0200
Subject: [PATCH] Style fixes
---
components/cycle-day/select-box-group.js | 2 +-
components/cycle-day/symptoms/pain.js | 3 ++-
styles/index.js | 3 ++-
3 files changed, 5 insertions(+), 3 deletions(-)
diff --git a/components/cycle-day/select-box-group.js b/components/cycle-day/select-box-group.js
index bde91772..ca14494b 100644
--- a/components/cycle-day/select-box-group.js
+++ b/components/cycle-day/select-box-group.js
@@ -9,7 +9,7 @@ import { AppText } from '../app-text'
export default class SelectBoxGroup extends Component {
render() {
return (
- <View flexDirection='row' flexWrap='wrap'>
+ <View style={styles.selectBoxSection}>
{this.props.data.map(({ label, stateKey }) => {
const style = [styles.selectBox]
const textStyle = []
diff --git a/components/cycle-day/symptoms/pain.js b/components/cycle-day/symptoms/pain.js
index cc103bc4..9005d1ec 100644
--- a/components/cycle-day/symptoms/pain.js
+++ b/components/cycle-day/symptoms/pain.js
@@ -9,6 +9,7 @@ import { pain as labels } from '../labels/labels'
import ActionButtonFooter from './action-button-footer'
import SelectBoxGroup from '../select-box-group'
import SymptomSection from './symptom-section'
+import styles from '../../../styles'
const categories = labels.categories
const boxes = [{
@@ -61,7 +62,7 @@ export default class Pain extends Component {
render() {
return (
<View style={{ flex: 1 }}>
- <ScrollView>
+ <ScrollView style={styles.page}>
<SymptomSection
explainer={labels.explainer}
>
diff --git a/styles/index.js b/styles/index.js
index f8f3dc8e..21084769 100644
--- a/styles/index.js
+++ b/styles/index.js
@@ -182,7 +182,8 @@ export default StyleSheet.create({
},
selectBox: {
backgroundColor: 'lightgrey',
- margin: 7,
+ marginRight: 7,
+ marginVertical: 5,
paddingHorizontal: 15,
paddingVertical: 10,
borderRadius: 10
--
GitLab