From cc09cd419c2ed31ef7aa76179b1d6ab4d8644848 Mon Sep 17 00:00:00 2001 From: Uwe Steinmann Date: Sun, 2 May 2021 14:41:03 +0200 Subject: [PATCH] fix margin of body and height of footer for small devices --- views/bootstrap4/styles/styles.css | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/views/bootstrap4/styles/styles.css b/views/bootstrap4/styles/styles.css index 205e5ca36..12f0dfaa7 100644 --- a/views/bootstrap4/styles/styles.css +++ b/views/bootstrap4/styles/styles.css @@ -37,6 +37,12 @@ body { margin-bottom: 90px; } } +@media (max-width: 767px) { + body { + /* Margin bottom by footer height */ + margin-bottom: 110px; + } +} .footer { font-size: 80%; position: absolute; @@ -52,6 +58,11 @@ body { height: 108px; } } +@media (max-width: 767px) { + .footer { + height: 126px; + } +} .footer .disclaimer { display: inline-block; padding: 15px 0px 0px 0px;