1 files changed, 32 insertions, 14 deletions
diff --git a/mobile/components/GreetingPage.js b/mobile/components/GreetingPage.js
index b5d1ca4..0bfa63b 100644
--- a/mobile/components/GreetingPage.js
+++ b/mobile/components/GreetingPage.js
@@ -44,6 +44,10 @@ export default class GreetingPage extends Component {
     this.props.navigation.navigate('MapPage');
   }
 
+  moveToMapPage = () => {
+    this.props.navigation.navigate('MapPage');
+  }
+
 
   render() {
     //<View> acts like the way <div> does in JavaScript
@@ -70,7 +74,10 @@ export default class GreetingPage extends Component {
 
         <View style={styles.titleContainer}>
           <Text style={styles.title}>
-            Welcome to Helpthehome!
+            See a homeless person who might need help? {"\n\n"}TELL US!!
+          </Text>
+          <Text style={styles.subtitle}>
+            Tell us where they are ⬇ {"\n\n"}(And don't worry, we won't force you to share your location)
           </Text>
         </View>
 
@@ -80,13 +87,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>
 
@@ -94,16 +101,18 @@ export default class GreetingPage extends Component {
 
         </TouchableHighlight>
 
-        <TouchableHighlight disabled style={styles.second_button_container}>
+        <TouchableHighlight 
+          style={styles.second_button_container}
+          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>
 
@@ -124,22 +133,27 @@ const styles = StyleSheet.create( {
     alignItems: 'stretch'
   },
   titleContainer: {
-    flex: 3,
+    flex: 4,
     //position: 'absolute',
-    marginTop: 205,
+    marginTop: 100,
     //flexGrow: 1
   },
   title: {
     color: '#FFF',
-    marginTop: 10,
+    padding: 35,
     textAlign: 'center',
     opacity: 0.9,
+    fontSize: 24,
+    fontStyle: 'italic',
+  },
+  subtitle: {
+    color: "#FFF" ,
+    padding: 20,
+    textAlign: "center",
     fontSize: 18,
-    fontStyle: 'italic'
   },
   current_location_title: {
     color: '#FFF',
-    marginTop: 15,
     textAlign: 'center',
     opacity: 0.9,
     fontSize: 20
@@ -154,12 +168,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'
   }
 })