Clean up markup

components/cycle-day/symptoms/bleeding.js

@@ -1,9 +1,7 @@
 import React from 'react'
 import {
   Switch,
-  ScrollView,
-  View
-} from 'react-native'
+  ScrollView} from 'react-native'
 
 import { bleeding } from '../../../i18n/en/cycle-day'
 import styles from '../../../styles'
@@ -46,7 +44,6 @@ export default class Bleeding extends SymptomView {
     ]
     return (
       <ScrollView style={styles.page}>
-        <View style={{ flexDirection: 'row' }}>
         <SymptomSection
           header={bleeding.heaviness.header}
           explainer={bleeding.heaviness.explainer}
@@ -57,8 +54,6 @@ export default class Bleeding extends SymptomView {
             onSelect={val => this.setState({ currentValue: val })}
           />
         </SymptomSection>
-          <View style={{ flex: 1 }}></View>
-        </View>
         <SymptomSection
           header={bleeding.exclude.header}
           explainer={bleeding.exclude.explainer}

components/cycle-day/symptoms/desire.js

@@ -1,8 +1,6 @@
 import React from 'react'
 import {
-  ScrollView,
-  View
-} from 'react-native'
+  ScrollView} from 'react-native'
 
 import { intensity, desire } from '../../../i18n/en/cycle-day'
 import styles from '../../../styles'
@@ -39,7 +37,6 @@ export default class Desire extends SymptomView {
     ]
     return (
       <ScrollView style={styles.page}>
-        <View style={{ flexDirection: 'row' }}>
         <SymptomSection
           header={desire.header}
           explainer={desire.explainer}
@@ -50,7 +47,6 @@ export default class Desire extends SymptomView {
             onSelect={val => this.setState({ currentValue: val })}
           />
         </SymptomSection>
-        </View>
       </ScrollView>
     )
   }

components/cycle-day/symptoms/mood.js

@@ -1,15 +1,12 @@
 import React from 'react'
 import {
   ScrollView,
-  TextInput,
-  View
-} from 'react-native'
+  TextInput} from 'react-native'
 
 import { mood as labels } from '../../../i18n/en/cycle-day'
 import styles from '../../../styles'
 
 import SelectBoxGroup from '../select-box-group'
-
 import SymptomSection from './symptom-section'
 import SymptomView from './symptom-view'
 
@@ -53,7 +50,6 @@ export default class Mood extends SymptomView {
   renderContent() {
     return (
       <ScrollView style={styles.page}>
-        <View style={{ flexDirection: 'row' }}>
         <SymptomSection
           explainer={labels.explainer}
         >
@@ -74,7 +70,6 @@ export default class Mood extends SymptomView {
               />
           }
         </SymptomSection>
-        </View>
       </ScrollView>
     )
   }

components/cycle-day/symptoms/mucus.js

@@ -1,9 +1,7 @@
 import React from 'react'
 import {
   Switch,
-  ScrollView,
-  View
-} from 'react-native'
+  ScrollView} from 'react-native'
 
 import styles from '../../../styles'
 import { mucus as labels } from '../../../i18n/en/cycle-day'
@@ -57,7 +55,6 @@ export default class Mucus extends SymptomView {
     // const mandatoryNotCompletedYet = typeof this.state.feeling != 'number' || typeof this.state.texture != 'number'
     return (
       <ScrollView style={styles.page}>
-        <View style={{ flexDirection: 'row' }}>
         <SymptomSection
           header='Feeling'
           explainer={labels.feeling.explainer}
@@ -68,7 +65,6 @@ export default class Mucus extends SymptomView {
             active={this.state.feeling}
           />
         </SymptomSection>
-        </View>
 
         <SymptomSection
           header='Texture'

components/cycle-day/symptoms/note.js

@@ -1,9 +1,7 @@
 import React from 'react'
 import {
   ScrollView,
-  TextInput,
-  View
-} from 'react-native'
+  TextInput} from 'react-native'
 
 import { noteExplainer } from '../../../i18n/en/cycle-day'
 import { shared as sharedLabels } from '../../../i18n/en/labels'
@@ -38,7 +36,6 @@ export default class Note extends SymptomView {
   renderContent() {
     return (
       <ScrollView style={styles.page}>
-        <View style={{ flexDirection: 'row' }}>
         <SymptomSection
           explainer={noteExplainer}
         >
@@ -52,7 +49,6 @@ export default class Note extends SymptomView {
             value={this.state.currentValue}
           />
         </SymptomSection>
-        </View>
       </ScrollView>
     )
   }

components/cycle-day/symptoms/pain.js

@@ -1,9 +1,7 @@
 import React from 'react'
 import {
   ScrollView,
-  TextInput,
-  View
-} from 'react-native'
+  TextInput} from 'react-native'
 
 import { pain as labels } from '../../../i18n/en/cycle-day'
 import { shared as sharedLabels } from '../../../i18n/en/labels'
@@ -55,7 +53,6 @@ export default class Pain extends SymptomView {
   renderContent() {
     return (
       <ScrollView style={styles.page}>
-        <View style={{ flexDirection: 'row' }}>
         <SymptomSection
           explainer={labels.explainer}
         >
@@ -76,7 +73,6 @@ export default class Pain extends SymptomView {
               />
           }
         </SymptomSection>
-        </View>
       </ScrollView>)
   }
 }

components/cycle-day/symptoms/sex.js

@@ -55,7 +55,6 @@ export default class Sex extends SymptomView {
   renderContent() {
     return (
       <ScrollView style={styles.page}>
-        <View style={{ flexDirection: 'row' }}>
         <SymptomSection
           header={sexLabels.header}
           explainer={sexLabels.explainer}
@@ -67,7 +66,6 @@ export default class Sex extends SymptomView {
           />
         </SymptomSection>
         <View style={{ flex: 1 }}></View>
-        </View>
         <SymptomSection
           header={contraceptivesLabels.header}
           explainer={contraceptivesLabels.explainer}

components/cycle-day/symptoms/temperature.js

@@ -144,7 +144,6 @@ export default class Temp extends SymptomView {
     }
     return (
       <ScrollView style={styles.page}>
-        <View style={{ flexDirection: 'row' }}>
         <SymptomSection
           header={labels.temperature.header}
           explainer={labels.temperature.explainer}
@@ -162,7 +161,6 @@ export default class Temp extends SymptomView {
             <AppText style={{ marginLeft: 5 }}>°C</AppText>
           </View>
         </SymptomSection>
-        </View>
         <SymptomSection
           header={labels.time}
         >