From fc26a9a377d64ba847eae489edf0cb2f4a34ca55 Mon Sep 17 00:00:00 2001
From: Smit Patel <the1995captainh@gmail.com>
Date: Thu, 16 Jan 2020 06:54:47 +0530
Subject: [PATCH] [CSS] Sticky Footer

---
 ui/assets/css/main.css | 10 ++++++++++
 ui/src/index.tsx       |  2 +-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/ui/assets/css/main.css b/ui/assets/css/main.css
index 9a0fc52b..fd29e756 100644
--- a/ui/assets/css/main.css
+++ b/ui/assets/css/main.css
@@ -148,3 +148,13 @@ hr {
   overflow: hidden;
   text-overflow: ellipsis
 }
+
+#app {
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
+}
+
+.fl-1 {
+  flex: 1;
+}
\ No newline at end of file
diff --git a/ui/src/index.tsx b/ui/src/index.tsx
index 41404f4b..5eeb3038 100644
--- a/ui/src/index.tsx
+++ b/ui/src/index.tsx
@@ -36,7 +36,7 @@ class Index extends Component<any, any> {
       <Provider i18next={i18n}>
         <BrowserRouter>
           <Navbar />
-          <div class="mt-4 p-0">
+          <div class="mt-4 p-0 fl-1">
             <Switch>
               <Route exact path={`/`} component={Main} />
               <Route