From b220ec2f23632d9e21334012cfea0abaca0f52d0 Mon Sep 17 00:00:00 2001
From: Ahmad Alfy <ahmadalfy@gmail.com>
Date: Sun, 6 May 2018 02:56:43 +0200
Subject: [PATCH] Implement sticky footer using flexbox (#637)

Implemented the solution provided [here](https://philipwalton.github.io/solved-by-flexbox/demos/sticky-footer/) to allow the footer to stick downward no matter how much content the page contain.
---
 lib/static/css/main.css | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/lib/static/css/main.css b/lib/static/css/main.css
index 7086e76481..20869073ef 100644
--- a/lib/static/css/main.css
+++ b/lib/static/css/main.css
@@ -1834,3 +1834,27 @@ footer .copyright {
     display: none;
   }
 }
+
+@media screen and (min-width: 736px) {
+  body {
+    display: flex;
+    flex-direction: column;
+  }
+  .fixedHeaderContainer {
+    flex-shrink: 0;
+  }
+  .navPusher {
+    flex-grow: 1;
+    display: flex;
+    flex-direction: column;
+    padding-top: 50px;
+  }
+  .docMainWrapper {
+    flex-grow: 1;
+    width: 100%;
+    box-sizing: border-box;
+  }
+  footer.nav-footer {
+    flex-shrink: 0;
+  }
+}