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 1/6] 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 2552263d..9fc90756 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 61b900e3..1b5bc9bd 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">

From 94f285695e462d1e56ef438b04b9050512c301dd Mon Sep 17 00:00:00 2001
From: syeopite <syeopite@syeopite.dev>
Date: Sun, 4 Apr 2021 16:10:27 -0700
Subject: [PATCH 2/6] Add missing closing div element

---
 src/invidious/views/template.ecr | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/invidious/views/template.ecr b/src/invidious/views/template.ecr
index 1b5bc9bd..592b91ca 100644
--- a/src/invidious/views/template.ecr
+++ b/src/invidious/views/template.ecr
@@ -106,7 +106,7 @@
 
             <%= content %>
 
-            <div id="placeholder" style="margin: 8em;"/>
+            <div id="placeholder" style="margin: 8em;"></div>
             <div class="footer">
                 <div class="pure-g">
                     <div class="pure-u-1 pure-u-md-1-3">

From ea16c01fa27d4774bb78f2e0caf8938149aa7bf3 Mon Sep 17 00:00:00 2001
From: syeopite <syeopite@syeopite.dev>
Date: Mon, 5 Apr 2021 20:24:02 -0700
Subject: [PATCH 3/6] Fix mobile responsive design for footer

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

diff --git a/assets/css/default.css b/assets/css/default.css
index 9fc90756..7112e203 100644
--- a/assets/css/default.css
+++ b/assets/css/default.css
@@ -290,7 +290,7 @@ input[type="search"]::-webkit-search-cancel-button {
   left: 0;
   right: 0;
   bottom: 0;
-  height: 30px;
+  max-height: 30vh;
 }
 
 body .footer a {
diff --git a/src/invidious/views/template.ecr b/src/invidious/views/template.ecr
index 592b91ca..9e5b735c 100644
--- a/src/invidious/views/template.ecr
+++ b/src/invidious/views/template.ecr
@@ -106,7 +106,7 @@
 
             <%= content %>
 
-            <div id="placeholder" style="margin: 8em;"></div>
+            <div id="placeholder" style="padding: 6em;"></div>
             <div class="footer">
                 <div class="pure-g">
                     <div class="pure-u-1 pure-u-md-1-3">

From 909606826dca94100364b1c82a31c43d1ae8490f Mon Sep 17 00:00:00 2001
From: syeopite <syeopite@syeopite.dev>
Date: Tue, 6 Apr 2021 03:45:54 -0700
Subject: [PATCH 4/6] Change footer div into footer element

---
 assets/css/default.css           | 8 ++++----
 src/invidious/views/template.ecr | 4 ++--
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/assets/css/default.css b/assets/css/default.css
index 7112e203..9b59fe56 100644
--- a/assets/css/default.css
+++ b/assets/css/default.css
@@ -282,8 +282,8 @@ input[type="search"]::-webkit-search-cancel-button {
  * Footer
  */
 
-.footer {
-  color: #666666;
+footer {
+  color: #919191;
   margin: 1.5em 0;
   text-align: center;
   position: absolute;
@@ -293,8 +293,8 @@ input[type="search"]::-webkit-search-cancel-button {
   max-height: 30vh;
 }
 
-body .footer a {
-  color: inherit;
+footer a {
+  color: #919191 !important;
   text-decoration: underline;
 }
 
diff --git a/src/invidious/views/template.ecr b/src/invidious/views/template.ecr
index 9e5b735c..b635f46b 100644
--- a/src/invidious/views/template.ecr
+++ b/src/invidious/views/template.ecr
@@ -107,7 +107,7 @@
             <%= content %>
 
             <div id="placeholder" style="padding: 6em;"></div>
-            <div class="footer">
+            <footer>
                 <div class="pure-g">
                     <div class="pure-u-1 pure-u-md-1-3">
                         <a href="https://github.com/iv-org/invidious">
@@ -141,7 +141,7 @@
                         <%= translate(locale, "Current version: ") %> <%= CURRENT_VERSION %>-<%= CURRENT_COMMIT %> @ <%= CURRENT_BRANCH %>
                     </div>
                 </div>
-            </div>
+            </footer>
         </div>
         <div class="pure-u-1 pure-u-md-2-24"></div>
     </div>

From d9528f5cc3853681e237526b1b376750ccc008aa Mon Sep 17 00:00:00 2001
From: syeopite <syeopite@syeopite.dev>
Date: Tue, 6 Apr 2021 23:53:38 -0700
Subject: [PATCH 5/6] Change positioning of footer to use flexbox

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

diff --git a/assets/css/default.css b/assets/css/default.css
index 9b59fe56..621b1483 100644
--- a/assets/css/default.css
+++ b/assets/css/default.css
@@ -3,8 +3,12 @@ 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;
+}
+
+#contents {
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
 }
 
 .deleted {
@@ -284,12 +288,9 @@ input[type="search"]::-webkit-search-cancel-button {
 
 footer {
   color: #919191;
-  margin: 1.5em 0;
+  margin-top: auto;
+  padding: 1.5em 0;
   text-align: center;
-  position: absolute;
-  left: 0;
-  right: 0;
-  bottom: 0;
   max-height: 30vh;
 }
 
diff --git a/src/invidious/views/template.ecr b/src/invidious/views/template.ecr
index b635f46b..68cacc0f 100644
--- a/src/invidious/views/template.ecr
+++ b/src/invidious/views/template.ecr
@@ -26,7 +26,7 @@
     <span style="display:none" id="dark_mode_pref"><%= env.get("preferences").as(Preferences).dark_mode %></span>
     <div class="pure-g">
         <div class="pure-u-1 pure-u-md-2-24"></div>
-        <div class="pure-u-1 pure-u-md-20-24">
+        <div class="pure-u-1 pure-u-md-20-24", id="contents">
             <div class="pure-g navbar h-box">
                 <div class="pure-u-1 pure-u-md-4-24">
                     <a href="/" class="index-link pure-menu-heading">Invidious</a>
@@ -106,7 +106,6 @@
 
             <%= content %>
 
-            <div id="placeholder" style="padding: 6em;"></div>
             <footer>
                 <div class="pure-g">
                     <div class="pure-u-1 pure-u-md-1-3">

From 5f2e87f0e365667a9c82f7b2958825d8187d6585 Mon Sep 17 00:00:00 2001
From: syeopite <syeopite@syeopite.dev>
Date: Wed, 7 Apr 2021 00:09:38 -0700
Subject: [PATCH 6/6] Fix rendering of hr element

---
 assets/css/default.css | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/assets/css/default.css b/assets/css/default.css
index 621b1483..107973e6 100644
--- a/assets/css/default.css
+++ b/assets/css/default.css
@@ -662,3 +662,10 @@ body.dark-theme {
   content: "[ - ]";
   font-size: 1.5em;
 }
+
+/*With commit d9528f5 all contents of the page is now within a flexbox. However,
+the hr element is rendered improperly within one.
+See https://stackoverflow.com/a/34372979 for more info */
+hr {
+  margin: auto 0 auto 0;
+}