Merge pull request #640 from nedjulius/subscription-button

made the subscription button in community page visible

Author: lmccart

src/assets/css/main.css

@@ -2420,18 +2420,39 @@ iframe {
   transition: border-bottom 30ms linear;
   width: 13em;
 }
-.email-octopus-form-row-subscribe button, .email-octopus-form-row-hp {
+
+.email-octopus-form-row-hp {
   position: absolute;
   left: -5000px;
 }
+
+.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: block;
+}
+
+.email-octopus-form-row button:hover {
+  background-color: #ED225D;
+  color: white;
+}
+
 .email-octopus-email-address::-webkit-input-placeholder { color:#ABABAB; }
 .email-octopus-email-address::-moz-placeholder { color:#ABABAB; }
 .email-octopus-email-address:-moz-placeholder { color:#ABABAB; }
 .email-octopus-email-address:-ms-input-placeholder { color:#ABABAB; }
 
 @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>