From c6fd5e6db26dfaf409980a3f9b9834056407dcf0 Mon Sep 17 00:00:00 2001
From: Julia Friesel <julia.friesel@gmail.com>
Date: Sat, 25 May 2019 07:09:36 +0200
Subject: [PATCH] Make sure info icon is always well pressable
---
components/cycle-day/symptoms/symptom-view.js | 6 ++++--
styles/index.js | 6 ++----
2 files changed, 6 insertions(+), 6 deletions(-)
diff --git a/components/cycle-day/symptoms/symptom-view.js b/components/cycle-day/symptoms/symptom-view.js
index ec8a5c5d..158b2e6d 100644
--- a/components/cycle-day/symptoms/symptom-view.js
+++ b/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}
diff --git a/styles/index.js b/styles/index.js
index 47f10707..df5948b3 100644
--- a/styles/index.js
+++ b/styles/index.js
@@ -457,9 +457,8 @@ export default StyleSheet.create({
},
infoButtonSymptomView: {
position: 'absolute',
- paddingVertical: 10,
- paddingHorizontal: 10,
- right: -10
+ padding: 15,
+ right: 0
},
licensePage: {
paddingVertical: 20,
@@ -493,7 +492,6 @@ export const iconStyles = {
},
symptomInfo: {
color: secondaryColor,
- marginHorizontal: 20,
fontSize: 25
},
menuIcon: {
--
GitLab