Try out moving it to body

components/cycle-day/symptoms/symptom-view.js

@@ -1,9 +1,13 @@
 import React, { Component } from 'react'
-import { BackHandler, View, Alert } from 'react-native'
+import {
+  BackHandler, View, Alert, TouchableOpacity
+} from 'react-native'
 import { saveSymptom } from '../../../db'
 import Header from '../../header/symptom-view'
 import { headerTitles } from '../../../i18n/en/labels'
 import { sharedDialogs } from '../../../i18n/en/cycle-day'
+import FeatherIcon from 'react-native-vector-icons/Entypo'
+import styles, { iconStyles } from '../../../styles'
 
 export default class SymptomView extends Component {
   constructor(props) {
@@ -66,6 +70,16 @@ export default class SymptomView extends Component {
             )
           }}
         />
+        <TouchableOpacity
+          onPress={() => {}}
+          style={styles.infoButtonSymptomView}
+        >
+          <FeatherIcon
+            name="info-with-circle"
+            {...iconStyles.infoInSymptomView}
+            style={styles.symptomInfoIcon}
+          />
+        </TouchableOpacity>
         {this.renderContent()}
       </View>
     )

components/header/symptom-view.js

@@ -32,12 +32,14 @@ export default function SymptomViewHeader(props) {
       </View >
       <TouchableOpacity
         onPress={props.deleteEntry}
-        style={[styles.infoButton, {opacity: props.deleteIconActive ? 1 : 0}]}
+        style={[
+          styles.headerDeleteButton,
+          {opacity: props.deleteIconActive ? 1 : 0}
+        ]}
         disabled={!props.deleteIconActive}
       >
         <Icon
           name="delete"
-          style={styles.symptomDeleteIcon}
           {...iconStyles.symptomHeaderIcons}
         />
       </TouchableOpacity>