From 049e8e07efa845666830d12b58c50df697d6ae5b Mon Sep 17 00:00:00 2001
From: syeopite <syeopite@syeopite.dev>
Date: Sun, 4 Apr 2021 02:45:38 -0700
Subject: [PATCH] Fix footer position to bottom of page

---
 assets/css/default.css           | 9 ++++++++-
 src/invidious/views/template.ecr | 1 +
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/assets/css/default.css b/assets/css/default.css
index 2552263d8..9fc90756c 100644
--- a/assets/css/default.css
+++ b/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 {
diff --git a/src/invidious/views/template.ecr b/src/invidious/views/template.ecr
index 61b900e3d..1b5bc9bd0 100644
--- a/src/invidious/views/template.ecr
+++ b/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">