more

src/Components/SignupPage/SignupPage.js

@@ -430,9 +430,12 @@ const SignupPage = () => {
           Object.keys(signupFields).slice(0, -2),
           fieldsChunkSize
         ).map((names, j) => (
-          <Row key={`row${j}`}>
+          <Row key={`row${j}`} className="signup-form-row">
             {names.map((name, i) => (
-              <Col key={`${name}${i + fieldsChunkSize * j}`} className="mb-3">
+              <Col
+                key={`${name}${i + fieldsChunkSize * j}`}
+                className="mb-3 signup-form-column"
+              >
                 <TextInput
                   name={name}
                   value={data[name].value}
@@ -447,12 +450,13 @@ const SignupPage = () => {
                   type={signupFields[name].type}
                   values={signupFields[name].values}
                   disabled={isBusy}
+                  inputClassName="mobile-text-input"
                 />
               </Col>
             ))}
           </Row>
         ))}
-        <Row>
+        <Row className="signup-password-row">
           <Col className="mb-3">
             <TextInput
               id="signupPassword"
@@ -470,7 +474,7 @@ const SignupPage = () => {
             />
           </Col>
         </Row>
-        <Row>
+        <Row className="signup-password-row">
           <Col className="mb-3">
             <TextInput
               id="confirmPassword"