From 72654fa5ecd7f41c536fa76cb2f2afeefe7f06cd Mon Sep 17 00:00:00 2001
From: Kanishk Valechha <112634879+KanishkValechha@users.noreply.github.com>
Date: Mon, 20 Jan 2025 09:37:30 +0530
Subject: [PATCH] Fixes #625, Improve styling of newsletter signup form on
 homepage and community-news page (#646)

---
 community-news.html | 12 +++++++-----
 index.html          | 12 +++++++-----
 2 files changed, 14 insertions(+), 10 deletions(-)

diff --git a/community-news.html b/community-news.html
index 6f106107..1a8b1a56 100644
--- a/community-news.html
+++ b/community-news.html
@@ -12,15 +12,17 @@
 <section id="call-to-action">
     <div class="container">
         <div class="row justify-content-center">
-          <div class="col-md-12" >
+          <div class="col-md-8" >
 	    <h2 >NEWSLETTER</h2>
 	    <p>Subscribe to our newsletter to get the most up-to-date Sugar Labs news in your inbox.</p>
 	    <form action="https://buttondown.com/api/emails/embed-subscribe/sugarlabs" method="post" class="embeddable-buttondown-form">
 	      <p>Sign up for our mailing list to receive regular news and updates from Sugar Labs.</p>
-	      <label for="email">Email</label>
-	      <input type="email" name="email" placeholder="you@example.com" />
-	      <input type="hidden" value="1" name="embed" />
-	      <input type="submit" value="Subscribe" />
+	      <div class="d-flex align-items-center justify-content-center w-100">
+            <label for="email" class="text-center my-3">Email</label>
+            <input type="email" name="email" placeholder="you@example.com" class="form-control w-100 col-md-8 m-2" />
+            <input type="hidden" value="1" name="embed" />
+          </div>
+          <input type="submit" value="Subscribe" class="btn btn-primary" />
 	    </form><br>
           </div>
         </div>
diff --git a/index.html b/index.html
index 74e0b98e..62c76f98 100755
--- a/index.html
+++ b/index.html
@@ -105,11 +105,13 @@ <h2 >EXCITED?</h2>
 	    <form action="https://buttondown.com/api/emails/embed-subscribe/sugarlabs" method="post" class="embeddable-buttondown-form">
 	      <p>Sign up for our mailing list to receive regular
 		news and updates from Sugar Labs.</p>
-	      <label for="email">Email</label>
-	      <input type="email" name="email" placeholder="you@example.com" />
-	      <input type="hidden" value="1" name="embed" />
-	      <input type="submit" value="Subscribe" />
-	    </form>
+	      <div class="d-flex align-items-center justify-content-center w-100">
+          <label for="email" class="text-center my-3">Email</label>
+          <input type="email" name="email" placeholder="you@example.com" class="form-control w-100 col-md-8 m-2" />
+          <input type="hidden" value="1" name="embed" />
+        </div>
+        <input type="submit" value="Subscribe" class="btn btn-primary" />
+      </form>
 	    <br>
 	  </div>
 	</div>