Move signup button to similar ones

Author: janhohenheim

sass/_extra.scss

@@ -10,7 +10,7 @@ li {
     margin: 15px 0;
 }
 
-pre > code {
+pre>code {
     // To avoid grey background on code blocks.
     background-color: inherit;
 }
@@ -99,7 +99,7 @@ h6:hover .anchor {
     margin-bottom: 0;
 }
 
-a.btn {
+.btn {
     text-decoration: none;
     border-radius: 3px;
     font-weight: 600;
@@ -120,10 +120,10 @@ a.btn {
 
 // A hack for image captions.
 // See https://stackoverflow.com/questions/19331362/using-an-image-caption-in-markdown-jekyll
-img + em,
-a:first-child + em:last-child,
-video + em {
+img+em,
+a:first-child+em:last-child,
+video+em {
     display: block;
     text-align: center;
     color: $grey-color;
-}
+}

templates/includes/email_signup.html

@@ -1,17 +1,16 @@
  <div id="mc_embed_signup">
     <form action="https://gamedev.us22.list-manage.com/subscribe/post?u=3b2317bf9350c11e252162541&amp;id=aaf37783ec&amp;f_id=0011cde1f0" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_self" novalidate="">
-        <div id="mc_embed_signup_scroll"><h2>Subscribe</h2>
-            <div class="mc-field-group"><label for="mce-EMAIL">Email Address </label><input type="email" name="EMAIL" class="required email" id="mce-EMAIL" required="" value=""></div>
-            <div id="mce-responses" class="clear">
-                <div class="response" id="mce-error-response" style="display: none;"></div>
-                <div class="response" id="mce-success-response" style="display: none;"></div>
-            </div>
-            <div style="position: absolute; left: -5000px;" aria-hidden="true">
-                <input type="text" name="b_3b2317bf9350c11e252162541_aaf37783ec" tabindex="-1" value="">
+        <div id="mc_embed_signup_scroll">
+            <div class="mc-field-group">
+                <label for="mce-EMAIL">Email Address </label>
+                <input type="email" name="EMAIL" class="required email" id="mce-EMAIL" required="" value="">
             </div>
             <div class="clear">
                 <input type="submit" name="subscribe" id="mc-embedded-subscribe" class="btn" value="Subscribe">
             </div>
+            <div style="position: absolute; left: -5000px;" aria-hidden="true">
+                <input type="text" name="b_3b2317bf9350c11e252162541_aaf37783ec" tabindex="-1" value="">
+            </div>
         </div>
     </form>
 </div>

templates/includes/footer.html

@@ -23,8 +23,6 @@ <h2 class="footer-heading">{{ config.title | default(value="Minima") }}</h2>
                 {% if config.description %}
                     <p>{{ config.description }}</p>
                 {% endif %}
-                
-                {% include "includes/email_signup.html" %}
             </div>
 
             <div class="footer-col one-half">

templates/includes/home.html

@@ -39,6 +39,7 @@ <h2 class="post-list-heading">{{ section.title | default(value="Latest Blog Post
         <a class="btn" id="all-blog-posts" href="{{ get_url(path='blog/') }}">All Blog Posts</a>
         <a href="{{ get_url(path='rss.xml') }}">
             <svg class="svg-icon orange"><use xlink:href="{{ get_url(path='minima-social-icons.svg#rss') }}"></use></svg><span>Subscribe</span>
-        </a>
+        </a>                
+        {% include "includes/email_signup.html" %}
     </p>
 </div>