issue #284 - Subscribe button not centered properly fixed. (#286)

bytemakers · Jun 13, 2023 · b42350a · b42350a
2 parents a2206bc + 5ab433c
commit b42350a
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 28 deletions.
diff --git a/apps/web/frontend/src/components/LandingPage/Components/Newsletter/NewsLetter.css b/apps/web/frontend/src/components/LandingPage/Components/Newsletter/NewsLetter.css
@@ -14,11 +14,13 @@
 .newsletter__form__email__your_email {
     border-radius: 999rem;
     border: none;
+    margin: 0;
 }
 
 .newsletter__form__email__submit_btn {
     border-radius: 999rem;
     width: auto;
+    margin: 0;
 }
 
 .newsletter__form__email_copy {

diff --git a/apps/web/frontend/src/components/LandingPage/Components/Newsletter/NewsLetter.js b/apps/web/frontend/src/components/LandingPage/Components/Newsletter/NewsLetter.js
@@ -8,32 +8,32 @@ const NewsLetter = () => {
         return <p>Thanks for joining! You'll be updated!</p>;
     }
     return (
-        <section className="newsletter-section flex p-4 bg-primary">
-            <form onSubmit={handleSubmit} class="newsletter__form text-center">
-                <h2>Subscribe to Our Newsletter</h2>
-                <h4 class="mb-1">You won’t get dissapointed by us</h4>
-                <label for="mail"></label>
-                <div class="newsletter__form__email flex">
-                    <input
-                        type="email"
-                        placeholder="Your Email"
-                        name="mail"
-                        required
-                        class="newsletter__form__email__your_email"
-                    />
-                    <ValidationError 
-                        prefix="Email" 
-                        field="email"
-                        errors={state.errors}
-                    />
-                    <input
-                        type="submit"
-                        value="Subscribe"
-                        class="newsletter__form__email__submit_btn bg-primary"
-                        disabled={state.submitting}
-                    />
-                </div>
-                {/*
+      <section className="newsletter-section flex p-4 bg-primary">
+        <form onSubmit={handleSubmit} class="newsletter__form text-center">
+          <h2>Subscribe to Our Newsletter</h2>
+          <h4 class="mb-1">You won’t get dissapointed by us</h4>
+
+          <div class="newsletter__form__email flex">
+            <input
+              type="email"
+              placeholder="Your Email"
+              name="mail"
+              required
+              class="newsletter__form__email__your_email"
+            />
+            <ValidationError
+              prefix="Email"
+              field="email"
+              errors={state.errors}
+            />
+            <input
+              type="submit"
+              value="Subscribe"
+              class="newsletter__form__email__submit_btn bg-primary"
+              disabled={state.submitting}
+            />
+          </div>
+          {/*
                 <div class="newsletter__form__email_copy flex mt-1">
                     <label class="newsletter__form__email_copy__label">
                         <input
@@ -46,8 +46,8 @@ const NewsLetter = () => {
                     <span class="text-left">Email me a copy of my responses</span>
                 </div>
                 */}
-            </form>
-        </section>
+        </form>
+      </section>
     );
 };