Extract navigation arrow and give it more padding

components/header/symptom-view.js

@@ -3,21 +3,19 @@ import {
   View,
   Text} from 'react-native'
 import styles, { iconStyles } from '../../styles'
-import Icon from 'react-native-vector-icons/Entypo'
 import FeatherIcon from 'react-native-vector-icons/Feather'
+import NavigationArrow from './navigation-arrow'
 
 export default function SymptomViewHeader(props) {
   return (
-    <View style={[styles.header, styles.headerSymptom]}>
+    <View style={[styles.header, styles.headerCycleDay, styles.headerSymptom]}>
       <View
         style={styles.accentCircle}
         left={props.middle - styles.accentCircle.width / 2}
       />
-      <Icon
-        name='chevron-thin-left'
-        {...iconStyles.navigationArrow}
-        onPress={() => props.goBack()}
-
+      <NavigationArrow
+        direction='left'
+        {...props}
       />
       <View>
         <Text style={styles.dateHeader}>