Made the button inline

Author: nedjulius

src/assets/css/main.css

@@ -2426,16 +2426,16 @@ iframe {
   left: -5000px;
 }
 
-.email-octopus-form-row-subscribe button {
+.email-octopus-form-row button {
   border: 1px solid #ED225D;
   color: #ED225D;
   padding: 0.4em 0.6em;
   margin: 1em 0 0 0;
   font-family: "Montserrat", sans-serif;
-  display: inline-block;
+  display: block;
 }
 
-.email-octopus-form-row-subscribe button:hover {
+.email-octopus-form-row button:hover {
   background-color: #ED225D;
   color: white;
 }
@@ -2447,7 +2447,12 @@ iframe {
 
 @media (min-width: 720px) {
   .email-octopus-email-address {
-    width: 20em;
+    width: 16em;
   }
 
+  .email-octopus-form-row button {
+    margin: 0;
+    margin-left: 0.5em;
+    display: inline;
+  }
 }

src/templates/pages/community/index.hbs

@@ -83,13 +83,13 @@ slug: community/
           <p>{{#i18n "mailing-list-1"}}{{/i18n}}</p>
           <div class="email-octopus-form-row">
             <input type="email" name="emailAddress" placeholder="email" class="email-octopus-email-address">
+            <button type="submit">subscribe</button>
           </div>
           <div class="email-octopus-form-row-hp" aria-hidden="true">
             <input type="text" name="hp537b6ec8-d123-11e6-8561-06ead731d453" tabindex="-1">
           </div>
           <div class="email-octopus-form-row-subscribe">
             <input type="hidden" name="successRedirectUrl" class="email-octopus-success-redirect-url" value="">
-            <button type="submit">subscribe</button>
           </div>
         </form>
       </div>