From b09cd01cd5cfeef817c1449e2152553f66e384c2 Mon Sep 17 00:00:00 2001
From: tina <lt-bloody@riox.eu>
Date: Fri, 28 Sep 2018 13:05:47 +0200
Subject: [PATCH] improve header for symptom screens

---
 components/header.js | 9 +++++----
 styles/index.js      | 8 +++++++-
 2 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/components/header.js b/components/header.js
index f8e0c8a..94a0119 100644
--- a/components/header.js
+++ b/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'
-              {...iconStyles.navigationArrow}
+              name='keyboard-backspace'
+              {...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>
           :
diff --git a/styles/index.js b/styles/index.js
index fdb769c..463a4c7 100644
--- a/styles/index.js
+++ b/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
   },