From 04512e5baee239db4a45deee1d9af053dc7f75ae Mon Sep 17 00:00:00 2001 From: Julia Friesel <julia.friesel@gmail.com> Date: Thu, 27 Sep 2018 18:19:52 +0200 Subject: [PATCH] Fix more styles --- components/header.js | 2 +- styles/index.js | 19 ++++++++++++------- 2 files changed, 13 insertions(+), 8 deletions(-) diff --git a/components/header.js b/components/header.js index cb0e1aad..de0c9c90 100644 --- a/components/header.js +++ b/components/header.js @@ -35,7 +35,7 @@ export default class Header extends Component { : <View style={styles.header}> <View style={styles.accentCircle} /> - <Text style={styles.dateHeader}> + <Text style={styles.headerText}> {this.props.title} </Text> </View > diff --git a/styles/index.js b/styles/index.js index 726929fb..4a3b85bf 100644 --- a/styles/index.js +++ b/styles/index.js @@ -49,6 +49,12 @@ export default StyleSheet.create({ textAlignVertical: 'center' }, dateHeader: { + fontSize: 20, + fontFamily: fontLight, + color: fontOnPrimaryColor, + textAlign: 'center', + }, + headerText: { fontSize: 30, fontFamily: fontLight, color: fontOnPrimaryColor, @@ -56,9 +62,9 @@ export default StyleSheet.create({ }, accentCircle: { borderColor: secondaryColor, - borderWidth: 2, - width: 50, - height: 50, + borderWidth: 0.5, + width: 40, + height: 40, borderRadius: 100, position: 'absolute' }, @@ -66,7 +72,7 @@ export default StyleSheet.create({ fontSize: 15, color: fontOnPrimaryColor, textAlign: 'center', - marginLeft: 15 + fontFamily: fontLight }, symptomViewHeading: { fontSize: 20, @@ -128,14 +134,14 @@ export default StyleSheet.create({ paddingHorizontal: 15, alignItems: 'center', justifyContent: 'center', - height: '10%', + height: 80 }, menu: { backgroundColor: primaryColor, alignItems: 'center', justifyContent: 'space-between', flexDirection: 'row', - height: '12%' + height: 80 }, menuItem: { alignItems: 'center', @@ -152,7 +158,6 @@ export default StyleSheet.create({ headerCycleDay: { flexDirection: 'row', justifyContent: 'space-between', - height: '15%' }, navigationArrow: { fontSize: 60, -- GitLab