[#12] Set checkbox align to center

akvo · Jun 21, 2023 · 774aba6 · 774aba6
1 parent a5a0d46
commit 774aba6
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/app/__tests__/pages/__snapshots__/AuthForm.test.js.snap b/app/__tests__/pages/__snapshots__/AuthForm.test.js.snap
@@ -261,6 +261,7 @@ exports[`AuthFormPage renders correctly 1`] = `
           {
             "alignItems": "center",
             "flexDirection": "row",
+            "justifyContent": "center",
           }
         }
       >
@@ -271,7 +272,7 @@ exports[`AuthFormPage renders correctly 1`] = `
             {
               "color": "#43484d",
               "fontWeight": "bold",
-              "marginLeft": 10,
+              "marginLeft": 8,
               "marginRight": 10,
             }
           }

diff --git a/app/src/pages/AuthForm.js b/app/src/pages/AuthForm.js
@@ -38,7 +38,9 @@ const AuthForm = ({ navigation }) => {
           checked={checked}
           onPress={() => setChecked(!checked)}
           containerStyle={styles.checkbox}
+          textStyle={styles.text}
           testID="auth-checkbox-field"
+          center
         />
       </View>
       <Button title="primary" onPress={goToHome} testID="auth-login-button">
@@ -56,6 +58,9 @@ const styles = StyleSheet.create({
   checkbox: {
     backgroundColor: '#f9fafb',
   },
+  text: {
+    marginLeft: 8,
+  },
 });
 
 export default AuthForm;