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] 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">