Revert "google play accessibility issues - modal buttons size"

This reverts commit cf1d2dd5af.

src/app/components/Button.js

@@ -23,7 +23,7 @@ const styles = StyleSheet.create({
     justifyContent: "center",
     alignItems: "center",
     width: "100%",
-    height: 48,
+    height: 42,
     marginVertical: 10,
   },
   text: {

src/app/components/ConfirmationModal.js

@@ -8,29 +8,14 @@ function Btn({ label, onPress, bgColor, txtColor, style = {} }) {
   return (
     <TouchableOpacity style={{marginTop: 15}} onPress={onPress}>
       <View
-        style={[
-          style,
-          {
+        style={[style, {
           paddingHorizontal: 40,
           paddingVertical: 7,
           backgroundColor: bgColor,
           borderRadius: 6,
-            height: 48,
-            flexDirection: "row",
-          },
-        ]}
+        }]}
       >
-        <Text
-          style={{
-            color: txtColor,
-            fontWeight: "bold",
-            textTransform: "uppercase",
-            textAlignVertical: "center",
-            alignSelf: "center",
-          }}
-        >
-          {label}
-        </Text>
+        <Text style={{ color: txtColor, fontWeight: "bold", textTransform: "uppercase" }}>{label}</Text>
       </View>
     </TouchableOpacity>
   );

src/app/components/LoadingMarkersModal.js

@@ -22,19 +22,14 @@ export default function LoadingMarkersModal({ show }) {
           style={{
             justifyContent: "flex-start",
             alignSelf: "flex-end",
-            width: 48,
-            height: 36,
-            alignContent:"center",
-            alignItems: "flex-end"
           }}
         >
           <TouchableOpacity onPress={() => setClosed(true)}>
             <MaterialCommunityIcons
               name="close"
-              size={26}
+              size={20}
               color={colors.primary}
               alignItems="center"
-              alignSelf="center"
             />
           </TouchableOpacity>
         </View>

src/app/screens/LoginScreen.js

@@ -180,7 +180,6 @@ export default function LoginScreen(props) {
           />
 
           <TouchableNativeFeedback
-          style={{height: 48}}
             onPress={() => {
               authContext.setUser(true);
             }}