Fix closing tag and mobile pagination

_includes/pagination.html

@@ -1,8 +1,8 @@
-<section class="fixed mw7 center w-100 top-50">
+<section class="fixed-l mw7 center w-100 top-50 tc pb4 nt4">
   {% if page.previous %}
-    <a href="{{ site.url }}{{ page.previous.url }}" class="link f1 light-blue hover-silver nl5 fl ph3">‹</a>
+    <a href="{{ site.url }}{{ page.previous.url }}" class="no-underline f1 light-blue hover-silver nl5 fl-l ph3">‹</a>
   {% endif %}
   {% if page.next %}
-    <a href="{{ site.url }}{{page.next.url}}" class="link f1 light-blue hover-silver nr5 fr ph3">›</a>
+    <a href="{{ site.url }}{{page.next.url}}" class="no-underline f1 light-blue hover-silver nr5 fr-l ph3">›</a>
   {% endif %}
 </section>

_layouts/default.html

@@ -24,7 +24,6 @@
         {% endfor %}
       </nav>
 
-      {% if is_post %}{% include pagination.html %}{% endif %}
       <main class="tl f6 relative pa4 pa5-ns overflow-hidden">
         {% if page.title %}
           <div class="mb4">
@@ -34,19 +33,20 @@ <h1 class="ttu f3 mt0 lh-title cb mb2">
               {% endif %}
               {{ page.title }}
             </h1>
-          {% if is_post and site.share %}
-            <a href="https://twitter.com/share" class="twitter-share-button">Tweet</a>
-            <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
-            <div class="fb-like" data-send="false" data-layout="button_count" data-width="100" data-show-faces="false" data-font="arial" data-action="like"></div>
-          {% endif %}
+            {% if is_post and site.share %}
+              <a href="https://twitter.com/share" class="twitter-share-button">Tweet</a>
+              <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
+              <div class="fb-like" data-send="false" data-layout="button_count" data-width="100" data-show-faces="false" data-font="arial" data-action="like"></div>
+            {% endif %}
           </div>
         {% endif %}
         <div class="markdown-body">
           {{ content }}
         </div>
         {% if is_post %}{% include signoff.html %}{% endif %}
-      </div>
-    </main>
+      </main>
+      {% if is_post %}{% include pagination.html %}{% endif %}
+    </div>
     <footer class="mw7 center tc pt3 pb4 silver">
       Built with Jekyll using <a href="http://github.com/muan/scribble" class="link silver hover-blue pv1">Scribble</a>.
       <img src="{{ site.url }}/images/scribble2.png" alt="scribble" class="mt4 db center" />