From 6b46736801b5d2f45b8a325677c43c18ebc0c046 Mon Sep 17 00:00:00 2001
From: Valeriy S <ValeraS@users.noreply.github.com>
Date: Tue, 14 May 2019 17:33:24 +0300
Subject: [PATCH] fix(client): footer should stick to the bottom

---
 client/src/components/Footer/footer.css  | 1 +
 client/src/components/layouts/Default.js | 2 +-
 client/src/components/layouts/layout.css | 3 +++
 3 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/client/src/components/Footer/footer.css b/client/src/components/Footer/footer.css
index eedc0d3104..936c047cd6 100644
--- a/client/src/components/Footer/footer.css
+++ b/client/src/components/Footer/footer.css
@@ -3,6 +3,7 @@
   font-size: 0.9em;
   width: 100%;
   padding-top: 40px;
+  margin-top: auto;
 }
 
 .footer .col-header {
diff --git a/client/src/components/layouts/Default.js b/client/src/components/layouts/Default.js
index 6c161cca0a..5ea0c4cc35 100644
--- a/client/src/components/layouts/Default.js
+++ b/client/src/components/layouts/Default.js
@@ -164,9 +164,9 @@ class DefaultLayout extends Component {
               <Flash flashMessage={flashMessage} onClose={removeFlashMessage} />
             ) : null}
             {children}
+            {showFooter && <Footer />}
           </div>
         </WithInstantSearch>
-        {showFooter && <Footer />}
       </Fragment>
     );
   }
diff --git a/client/src/components/layouts/layout.css b/client/src/components/layouts/layout.css
index 111bb229a2..0a73719af4 100644
--- a/client/src/components/layouts/layout.css
+++ b/client/src/components/layouts/layout.css
@@ -594,5 +594,8 @@ pre code {
   }
 }
 .default-layout {
+  display: flex;
+  flex-direction: column;
   margin-top: var(--header-height);
+  min-height: calc(100vh - var(--header-height));
 }