refactor: row padded top

collective · Aug 19, 2021 · 940a3ec · 940a3ec
1 parent 0783f63
commit 940a3ec
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 6 deletions.
diff --git a/src/components/FormView.css b/src/components/FormView.css
@@ -1,5 +1,9 @@
 .block.form .ui.form .ui.message {
-  display: flex;
-  width: 80%;
-  margin: 3rem auto 0;
+    display: flex;
+    width: 80%;
+    margin: 3rem auto 0;
+}
+
+.block.form .ui.form .row.row-padded-top {
+    padding-top: 3rem;
 }
diff --git a/src/components/FormView.jsx b/src/components/FormView.jsx
@@ -151,15 +151,15 @@ const FormView = ({
                 })}
 
                 {process.env.RAZZLE_RECAPTCHA_KEY && (
-                  <Grid.Row centered style={{ paddingTop: '3rem' }}>
+                  <Grid.Row centered className="row-padded-top">
                     <Grid.Column textAlign="center">
                       <GoogleReCaptcha onVerify={onVerifyCaptcha} />
                     </Grid.Column>
                   </Grid.Row>
                 )}
 
                 {process.env.RAZZLE_HCAPTCHA_KEY && (
-                  <Grid.Row centered style={{ paddingTop: '3rem' }}>
+                  <Grid.Row centered className="row-padded-top">
                     <Grid.Column textAlign="center">
                       <HCaptcha
                         sitekey={process.env.RAZZLE_HCAPTCHA_KEY}
@@ -179,7 +179,7 @@ const FormView = ({
                   </Message>
                 )}
 
-                <Grid.Row centered style={{ paddingTop: '3rem' }}>
+                <Grid.Row centered className="row-padded-top">
                   <Grid.Column textAlign="center">
                     <Button
                       primary