footer at the end of content

_layouts/default.html

@@ -13,9 +13,8 @@
         </div>
       </main>
     </div>
-  {%- include footer.html -%}
-</div>
-
+    {%- include footer.html -%}
+  </div>
 </body>
 
 </html>

_sass/minima/_base.scss

@@ -25,8 +25,6 @@ body {
           font-feature-settings: "kern" 1;
   font-kerning: normal;
   background: url('bg-overlay.svg');
-  display: flex;
-  flex-direction: column;
 }
 
 
@@ -186,6 +184,9 @@ pre {
     padding-right: $spacing-unit / 2;
     padding-left: $spacing-unit / 2;
   }
+  display: flex;
+  flex-direction: column;
+  height: auto;
 }
 
 .wrapper {

_sass/minima/_layout.scss

@@ -120,8 +120,10 @@
   justify-content:center;
   align-items:center;
   width:100%;
-  margin-top: -$footer-height;
+  margin-top: -$footer-height + $spacing-unit;
   flex-shrink: 0;
+  height: $footer-height;
+  line-height: 15px
 }
 
 .footer-wrapper {