From 63a5e5c718759ef856736bbe0467c3d72d71bb2e Mon Sep 17 00:00:00 2001
From: GabrielTrettel <gabrielmtrettel@gmail.com>
Date: Thu, 9 Dec 2021 18:32:13 -0300
Subject: [PATCH] Fixing spacing and alignment of confirmation modal buttons

---
 src/app/components/ConfirmationModal.js | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/app/components/ConfirmationModal.js b/src/app/components/ConfirmationModal.js
index 44ffaba..a9217a9 100644
--- a/src/app/components/ConfirmationModal.js
+++ b/src/app/components/ConfirmationModal.js
@@ -4,16 +4,16 @@ import colors from "../config/colors";
 import { dimensions } from "../config/dimensions";
 import { Ionicons } from "@expo/vector-icons";
 
-function Btn({ label, onPress, bgColor, txtColor }) {
+function Btn({ label, onPress, bgColor, txtColor, style={} }) {
   return (
     <TouchableOpacity style={{marginTop: 15}} onPress={onPress}>
       <View
-        style={{
+        style={[style, {
           paddingHorizontal: 40,
           paddingVertical: 7,
           backgroundColor: bgColor,
           borderRadius: 6,
-        }}
+        }]}
       >
         <Text style={{ color: txtColor, fontWeight: "bold" }}>{label}</Text>
       </View>
@@ -67,12 +67,13 @@ export default function ConfirmationModal({
             <View
               style={{
                 flexDirection: "row",
-                justifyContent: "space-evenly",
+                justifyContent: "flex-end",
                 marginTop: 24,
               }}
             >
               {onConfirm && confirmationLabel && (
                 <Btn
+                  style={{marginRight: 16}}
                   label={confirmationLabel}
                   onPress={onConfirm}
                   bgColor={colors.primary}
@@ -105,7 +106,7 @@ const styles = StyleSheet.create({
     borderWidth: 2,
     borderRadius: 12,
     paddingVertical: 16,
-    paddingHorizontal: 12,
+    paddingHorizontal: 16,
   },
   text: {
     fontSize: dimensions.text.default,