Fixed login button overlaid by footer on small screens #13

app/static/css/main.css

@@ -168,17 +168,21 @@ main {
     pointer-events: visible;
 }
 /* FOOTER */
-.footer {
+.footer-container {
     z-index: 900;
+    margin-top: auto;
+    pointer-events: none;
+}
+.footer {
     display: flex;
     flex-direction: row;
     justify-content: center;
     align-items: center;
     flex-wrap: wrap;
-    margin-top: auto;
-    padding-top: 3rem;
+    margin-top: 3rem;
     padding-bottom: .3rem;
     text-align: center;
+    pointer-events: initial;
 }
 .footer div {
     font-size: .95rem;

app/templates/footer.html

@@ -1,6 +1,8 @@
 {% load i18n %}
 
-<div class="footer">
+<footer class="footer-container">
+    <div class="footer">
         <div>Version {{ app_version }}</div>
         <div>Copyright (C) 2021, Julian Müller (ChaoticByte)</div>
-</div>
+    </div>
+</footer>