Pushing the footer to the bottom of the page

1 files changed, 19 insertions, 1 deletions

diff --git a/static/style.css b/static/style.css
index 51f3c8da..418ce8fa 100644
--- a/static/style.css
+++ b/static/style.css
@@ -1,3 +1,17 @@
+html {
+    height: 100%;
+}
+
+body {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+}
+
+.uk-offcanvas-content {
+    flex: 1 0 auto;
+}
+
 .uk-background-secondary .uk-navbar-dropdown-nav .uk-active a {
     color: white !important;
 }
@@ -74,10 +88,14 @@ img.uk-border-rounded {
     border: 1px #25292f solid;
 }
 
+footer {
+    flex-shrink: 0;
+}
+
 footer div.uk-section {
     padding: 0 0 0 0;
 }
 
 footer div.uk-section div.uk-text-center {
     margin-top: 20px;
-}
\ No newline at end of file
+}