Fixes #625, Improve styling of newsletter signup form on homepage and community-news page (#646)

Author: KanishkValechha

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>

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>