From 1d1c2d7f1af11baa6303d34bd5a483d296d48ed7 Mon Sep 17 00:00:00 2001
From: "matth@ultra" <matthias.quintern@posteo.de>
Date: Mon, 2 Sep 2024 15:29:46 +0200
Subject: [PATCH] fix footer on mobile

---
 src/sass/main.sass | 12 ++++--------
 src/style.css      | 10 +++++-----
 2 files changed, 9 insertions(+), 13 deletions(-)

diff --git a/src/sass/main.sass b/src/sass/main.sass
index 392f4cb..8d57065 100644
--- a/src/sass/main.sass
+++ b/src/sass/main.sass
@@ -50,6 +50,7 @@ nav
 
 main
   flex-grow: 1  // puts the statusline at the bottom of the page
+  padding-bottom: $footer-height + 2 * $footer-padding-y
   *
     margin-left: auto
     margin-right: auto
@@ -95,6 +96,9 @@ footer
   color: $bg
   height: $footer-height
   min-height: $footer-height  // idk why but this is required
+  width: 100%
+  position: fixed
+  bottom: 0
   overflow-x: scroll
   overflow-y: hidden
   white-space: nowrap
@@ -257,11 +261,3 @@ button:hover
   .current-file
     height: 100%
     width: 100%
-
-
-
-
-  footer
-    width: 100%
-    position: fixed
-    bottom: 0
diff --git a/src/style.css b/src/style.css
index 61a8557..829728a 100644
--- a/src/style.css
+++ b/src/style.css
@@ -22,6 +22,7 @@ nav {
 
 main {
   flex-grow: 1;
+  padding-bottom: 24px;
 }
 main * {
   margin-left: auto;
@@ -71,8 +72,12 @@ footer {
   color: #f9f5d7;
   height: 20px;
   min-height: 20px;
+  width: 100%;
+  position: fixed;
+  bottom: 0;
   overflow-x: scroll;
   overflow-y: hidden;
+  white-space: nowrap;
 }
 footer * {
   color: #f9f5d7;
@@ -269,9 +274,4 @@ button:hover {
     height: 100%;
     width: 100%;
   }
-  footer {
-    width: 100%;
-    position: fixed;
-    bottom: 0;
-  }
 }