Fix footer position to bottom of page

assets/css/default.css

@@ -3,6 +3,8 @@ body {
   font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen,
     Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica,
     Arial, sans-serif;
+  position: relative;
+  min-height: 100vh;
 }
 
 .deleted {
@@ -282,8 +284,13 @@ input[type="search"]::-webkit-search-cancel-button {
 
 .footer {
   color: #666666;
-  margin: 2em 0;
+  margin: 1.5em 0;
   text-align: center;
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  height: 30px;
 }
 
 body .footer a {

src/invidious/views/template.ecr

@@ -106,6 +106,7 @@
 
             <%= content %>
 
+            <div id="placeholder" style="margin: 8em;"/>
             <div class="footer">
                 <div class="pure-g">
                     <div class="pure-u-1 pure-u-md-1-3">