From: Smit Patel <the1995captainh@gmail.com>
Date: Thu, 16 Jan 2020 01:24:47 +0000 (+0530)
Subject: [CSS] Sticky Footer
X-Git-Url: http://these/git/ui/assets/static/git-logo.png?a=commitdiff_plain;h=9c15d8f45e2d3c0c6df68d972dc96dc3ec0bc939;p=lemmy.git

[CSS] Sticky Footer
---

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