From d9528f5cc3853681e237526b1b376750ccc008aa Mon Sep 17 00:00:00 2001 From: syeopite Date: Tue, 6 Apr 2021 23:53:38 -0700 Subject: [PATCH] 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 9b59fe56c..621b1483c 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 b635f46b0..68cacc0fa 100644 --- a/src/invidious/views/template.ecr +++ b/src/invidious/views/template.ecr @@ -26,7 +26,7 @@
-
+