From 7fa40a807162cbff98d41c33c503b4462971032c Mon Sep 17 00:00:00 2001
From: Sakari Palojoki <palojoki.sakari@gmail.com>
Date: Mon, 2 May 2022 18:34:55 +0300
Subject: [PATCH] Fix signup form layout

---
 @app/components/src/EventRegistrationForm.tsx | 1 +
 @app/lib/src/forms.ts                         | 9 ++++-----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/@app/components/src/EventRegistrationForm.tsx b/@app/components/src/EventRegistrationForm.tsx
index e6c6cf87e..90379db02 100644
--- a/@app/components/src/EventRegistrationForm.tsx
+++ b/@app/components/src/EventRegistrationForm.tsx
@@ -237,6 +237,7 @@ export const EventRegistrationForm: React.FC<EventRegistrationFormProps> = memo(
         colon={false}
         form={form}
         initialValues={initialValues}
+        layout={"vertical"}
         onFinish={handleSubmit}
       >
         <Form.Item
diff --git a/@app/lib/src/forms.ts b/@app/lib/src/forms.ts
index 526d30df3..b18ae6589 100644
--- a/@app/lib/src/forms.ts
+++ b/@app/lib/src/forms.ts
@@ -23,14 +23,13 @@ export const tailFormItemLayout = {
   },
 }
 
-// Use narrower form items for the registration form
 export const registrationFormItemLayout = {
   labelCol: {
-    xs: { span: 24 },
-    sm: { span: 6 },
+    xs: { offset: 0, span: 24 },
+    sm: { offset: 6, span: 18 },
   },
   wrapperCol: {
-    xs: { span: 24 },
-    sm: { span: 12 },
+    xs: { offset: 0, span: 24 },
+    sm: { offset: 6, span: 18 },
   },
 }