Centers the Symptom header title

components/header/symptom-view.js

@@ -24,6 +24,7 @@ export default function SymptomViewHeader(props) {
       </View >
       <FeatherIcon
         name='info'
+        style={styles.symptomInfoIcon}
         {...iconStyles.symptomHeaderIcons}
       />
     </View>

styles/index.js

@@ -139,6 +139,10 @@ export default StyleSheet.create({
     color: 'black',
     marginBottom: 5
   },
+  symptomInfoIcon: {
+    marginRight: 20,
+    marginLeft: 20
+  },
   symptomBoxImage: {
     width: 50,
     height: 50
@@ -199,9 +203,6 @@ export default StyleSheet.create({
     flexDirection: 'row',
     justifyContent: 'space-between',
   },
-  headerSymptom: {
-    paddingRight: 20
-  },
   navigationArrow: {
     padding: 20
   },