final changes made

MocionesIUPI/screens/HomeScreen.js

@@ -12,8 +12,8 @@ export default App = ({ navigation }) => {
 
     return (
         <View style = {globalStyles.container}>
-            <Text style = {globalStyles.tittleText}>Home Screen</Text>
-            <Button title="go to pin page" onPress={pressHandler}/>
+            <Text style = {globalStyles.tittleText}>Bienvenidos a MocinesIUPI</Text>
+            <Button title="go to pin page" color={'#e81b39'} onPress={pressHandler}/>
         </View>
     )
 }

MocionesIUPI/screens/MocionScreen.js

@@ -33,7 +33,7 @@ export default App = ({ navigation }) => {
 
     //sending to the API
     const PIN = pin;
-    const message = 'abc123';
+    const message = 'buenos dias';
     const votos = value;
 
      // this is for encrypting the message
@@ -48,6 +48,8 @@ export default App = ({ navigation }) => {
     //connecting to API
     fetch(url);
 
+    alert("Su voto ha sido procesado!!")
+
     navigation.navigate('Pinpage'); // redirects back to PinPage
 
     console.log(response);
@@ -56,15 +58,30 @@ export default App = ({ navigation }) => {
   // here we want to display each mocion in a flatlist 
   // it's supposed to be like buttons. Once clicked it would let you vote inside
   return (
-    <View style={{ flex: 1, padding: 24 }}>
-      <Text>{mocion}</Text>
-      <Text>{description}</Text>
+    <View>
+
+      <View style={globalStyles.tittleText}>
+        <Text style={{fontSize: 24}}>{mocion}</Text>
+      </View>
       
-      <Button title='A favor' onPress={() => sendVotes('A Favor')}/>
-      <Button title='En Contra'onPress={() => sendVotes('En Contra')} />
-      <Button title='Abstenido/a' onPress={() => sendVotes('Abstenido/a')} />
+      <View> 
+        <Text style={globalStyles.paragraph}>{description}</Text>
+      </View>
+      
+      {/* View container for the buttons style */}
+      <View style={globalStyles.button}>
+        <Button title='A favor' color={'#e81b39'} onPress={() => sendVotes('A Favor')}/>
+      </View>
 
+      <View style={globalStyles.button}>
+        <Button title='En Contra' color={'#e81b39'} onPress={() => sendVotes('En Contra')} />
+      </View>
 
+      <View style={globalStyles.button}>
+        <Button title='Abstenido/a' color={'#e81b39'} onPress={() => sendVotes('Abstenido/a')} />
+      </View>
+     
     </View>
   );
-};
+};
+

MocionesIUPI/styles/global.js

@@ -7,23 +7,25 @@ export const globalStyles = StyleSheet.create({
   },
 
   tittleText: {
-    fontSize: 18,
+    marginVertical: 20,
+    alignItems: 'center',
+    justifyContent: 'center',
+    fontSize: 34,
     color: '#333',
   },
 
   paragraph: {
-    marginVertical: 8,
+    alignItems: 'center',
+    justifyContent: 'center',
+    fontSize: 18,
+    marginVertical: 20,
     lineHeight: 20,
   },
 
   button: {
-    alignItems: 'center',
-    justifyContent: 'center',
-    paddingVertical: 12,
-    paddingHorizontal: 32,
-    borderRadius: 4,
-    elevation: 3,
-    backgroundColor: '#e81b39',
+    //alignItems: 'center',
+    //justifyContent: 'center',
+    marginVertical: 10,
   }
 });