diff options
| author | AndrewMihai <41450954+AndrewMihai@users.noreply.github.com> | 2019-03-28 22:25:54 +0000 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2019-03-28 22:25:54 +0000 |
| commit | ca031ecdc6bc7ce0f4886756f7d0f152e49ae850 (patch) | |
| tree | 9efc5a4898032c8330af3ac83548c721fd85bb1a | |
| parent | 3d8dcbc094e0061ffbab7ecc6e9085e188e78c7a (diff) | |
| parent | 669d100930c9b2d9597b48677f27f0d8216036e4 (diff) | |
Merge pull request #59 from csc301-winter-2019/feat/35
Feat/35: Moved button icons beside button text
| -rw-r--r-- | mobile/components/GreetingPage.js | 19 |
1 files changed, 11 insertions, 8 deletions
diff --git a/mobile/components/GreetingPage.js b/mobile/components/GreetingPage.js index c826c51..efbda9e 100644 --- a/mobile/components/GreetingPage.js +++ b/mobile/components/GreetingPage.js @@ -84,13 +84,13 @@ export default class GreetingPage extends Component { <View style={styles.press_button}> - <View> + <View padding={15}> <Text style={styles.current_location_title}> Use Current Location </Text> </View> - <View marginTop = {20}> + <View marginTop = {5}> <Ionicons name="md-locate" size={40} color="white"/> </View> @@ -103,13 +103,13 @@ export default class GreetingPage extends Component { onPress={() => { this.moveToMapPage() }}> <View style={styles.press_button}> - <View> + <View padding={15}> <Text style={styles.current_location_title}> Drop Pin </Text> </View> - <View marginTop = {20}> + <View> <Ionicons name="md-pin" size={40} color="white"/> </View> @@ -145,7 +145,6 @@ const styles = StyleSheet.create( { }, current_location_title: { color: '#FFF', - marginTop: 15, textAlign: 'center', opacity: 0.9, fontSize: 20 @@ -160,12 +159,16 @@ const styles = StyleSheet.create( { alignItems: 'stretch' }, press_button: { - flexDirection: 'column', - justifyContent: 'center', + flexDirection: 'row', + justifyContent: 'space-between', + // padding:5, alignItems: 'center' }, second_button_container: { flex: 1, - backgroundColor: '#535c68' + backgroundColor: '#535c68', + flexDirection: 'row', + justifyContent: 'center', + alignItems: 'stretch' } }) |