Fix layout issue on callback form (#831)

Path-Check · Jan 16, 2021 · 2d94640 · 2d94640
1 parent 675554c
commit 2d94640
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 8 deletions.
diff --git a/src/Callback/Form.tsx b/src/Callback/Form.tsx
@@ -145,7 +145,7 @@ const CallbackForm: FunctionComponent = () => {
               <Text style={style.header}>{t("callback.request_a_call")}</Text>
               <Text style={style.subheader}>{callbackFormInstruction}</Text>
               {Boolean(supportPhoneNumber) && (
-                <View style={style.supportNumberContainer}>
+                <View>
                   <Text style={style.supportNumberText}>
                     {t("callback.if_you_prefer")}
                   </Text>
@@ -257,16 +257,11 @@ const style = StyleSheet.create({
     ...Typography.body.x30,
     marginBottom: Spacing.xxSmall,
   },
-  supportNumberContainer: {
-    flexDirection: "row",
-    alignItems: "center",
-  },
   supportNumberText: {
     ...Typography.body.x30,
   },
   supportNumberButton: {
-    paddingHorizontal: Spacing.xxSmall,
-    paddingVertical: Spacing.xSmall,
+    marginBottom: Spacing.small,
   },
   supportNumberButtonText: {
     ...Typography.button.anchorLink,

diff --git a/src/locales/en.json b/src/locales/en.json
@@ -7,7 +7,7 @@
   },
   "callback": {
     "firstname": "First name (optional)",
-    "if_you_prefer": "If you prefer; call directly at",
+    "if_you_prefer": "If you prefer; call directly at:",
     "lastname": "Last name (optional)",
     "phone_number_required": "Phone number (required)",
     "request_a_call": "Request a call from our support team",