fix(client): footer should stick to the bottom

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 {

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>
     );
   }

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));
 }