Make uniform info icon and leave some space

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

@@ -7,7 +7,7 @@ import InfoPopUp from './info-symptom'
 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/Feather'
+import Icon from 'react-native-vector-icons/Entypo'
 import styles, { iconStyles } from '../../../styles'
 
 export default class SymptomView extends Component {
@@ -90,10 +90,9 @@ export default class SymptomView extends Component {
             }}
             style={styles.infoButtonSymptomView}
           >
-            <FeatherIcon
+            <Icon
-              name="info"
+              name="info-with-circle"
-              {...iconStyles.infoInSymptomView}
+              style={iconStyles.info}
-              style={iconStyles.symptomInfo}
             />
           </TouchableOpacity>
           { this.state.showInfo &&

components/settings/nfp-settings/index.js

@@ -28,8 +28,11 @@ export default class Settings extends Component {
         </FramedSegment>
         <FramedSegment style={styles.framedSegmentLast} >
           <View style={{flexDirection: 'row', alignItems: 'center'}}>
-            <Icon name="info-with-circle" style={iconStyles.infoInHeading}/>
+            <Icon
-            <AppText style={styles.framedSegmentTitle}>{`${labels.preOvu.title} `}</AppText>
+              name="info-with-circle"
+              style={iconStyles.info}
+            />
+            <AppText style={styles.framedSegmentTitle}>{` ${labels.preOvu.title} `}</AppText>
           </View>
           <AppText>{labels.preOvu.note}</AppText>
         </FramedSegment>

styles/index.js

@@ -474,7 +474,7 @@ export const iconStyles = {
   symptomBoxActive: {
     color: fontOnPrimaryColor
   },
-  symptomInfo: {
+  info: {
     color: secondaryColor,
     fontSize: 25
   },