improve header for symptom screens

components/header.js

@@ -34,11 +34,12 @@ export default class Header extends Component {
           />
         </View >
         : this.props.isSymptomView ?
-          <View style={[styles.header, styles.headerCycleDay]}>
+          <View style={[styles.header, styles.headerSymptom]}>
             <Icon
-              name='arrow-left-drop-circle'
+              name='keyboard-backspace'
-              {...iconStyles.navigationArrow}
+              {...iconStyles.symptomHeaderIcons}
               onPress={() => this.props.goBack()}
+
             />
             <View>
               <Text style={styles.dateHeader}>
@@ -47,7 +48,7 @@ export default class Header extends Component {
             </View >
             <Icon
               name='information-outline'
-              {...iconStyles.navigationArrow}
+              {...iconStyles.symptomHeaderIcons}
             />
           </View>
           :

styles/index.js

@@ -133,7 +133,9 @@ export default StyleSheet.create({
     height: '15%'
   },
   headerSymptom: {
-    height: '15%'
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    height: '12%'
   },
   navigationArrow: {
     fontSize: 60,
@@ -296,6 +298,10 @@ export const iconStyles = {
     size: 45,
     color: fontOnPrimaryColor
   },
+  symptomHeaderIcons: {
+    size: 30,
+    color: fontOnPrimaryColor
+  },
   symptomBox: {
     size: 40
   },