From 39df9c2ec0af980fe8512e01f222cc9d937f0326 Mon Sep 17 00:00:00 2001
From: emelko <ml.kochsiek@mailbox.org>
Date: Sat, 25 May 2019 12:37:14 +0200
Subject: [PATCH] Make uniform info icon and leave some space

---
 components/cycle-day/symptoms/symptom-view.js | 9 ++++-----
 components/settings/nfp-settings/index.js     | 7 +++++--
 styles/index.js                               | 2 +-
 3 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/components/cycle-day/symptoms/symptom-view.js b/components/cycle-day/symptoms/symptom-view.js
index 158b2e6..584b66f 100644
--- a/components/cycle-day/symptoms/symptom-view.js
+++ b/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
-              name="info"
-              {...iconStyles.infoInSymptomView}
-              style={iconStyles.symptomInfo}
+            <Icon
+              name="info-with-circle"
+              style={iconStyles.info}
             />
           </TouchableOpacity>
           { this.state.showInfo &&
diff --git a/components/settings/nfp-settings/index.js b/components/settings/nfp-settings/index.js
index 5445853..6bebc52 100644
--- a/components/settings/nfp-settings/index.js
+++ b/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}/>
-            <AppText style={styles.framedSegmentTitle}>{`${labels.preOvu.title} `}</AppText>
+            <Icon
+              name="info-with-circle"
+              style={iconStyles.info}
+            />
+            <AppText style={styles.framedSegmentTitle}>{` ${labels.preOvu.title} `}</AppText>
           </View>
           <AppText>{labels.preOvu.note}</AppText>
         </FramedSegment>
diff --git a/styles/index.js b/styles/index.js
index af19dba..1668362 100644
--- a/styles/index.js
+++ b/styles/index.js
@@ -474,7 +474,7 @@ export const iconStyles = {
   symptomBoxActive: {
     color: fontOnPrimaryColor
   },
-  symptomInfo: {
+  info: {
     color: secondaryColor,
     fontSize: 25
   },