Make sure info icon is always well pressable

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

@@ -83,8 +83,11 @@ export default class SymptomView extends Component {
           }}
         />
         <View flex={1}>
+          { this.renderContent() }
           <TouchableOpacity
-            onPress={() => this.setState({showInfo: true})}
+            onPress={() => {
+              this.setState({showInfo: true})
+            }}
             style={styles.infoButtonSymptomView}
           >
             <FeatherIcon
@@ -93,7 +96,6 @@ export default class SymptomView extends Component {
               style={iconStyles.symptomInfo}
             />
           </TouchableOpacity>
-          {this.renderContent()}
           { this.state.showInfo &&
               <InfoPopUp
                 symptom={this.symptomName}

styles/index.js

@@ -457,9 +457,8 @@ export default StyleSheet.create({
   },
   infoButtonSymptomView: {
     position: 'absolute',
-    paddingVertical: 10,
+    padding: 15,
-    paddingHorizontal: 10,
+    right: 0
-    right: -10
   },
   licensePage: {
     paddingVertical: 20,
@@ -493,7 +492,6 @@ export const iconStyles = {
   },
   symptomInfo: {
     color: secondaryColor,
-    marginHorizontal: 20,
     fontSize: 25
   },
   menuIcon: {