From e5ab383b4745b98039430f207e33a5fdcb0cede2 Mon Sep 17 00:00:00 2001
From: Andrey Ovchinnikov <ovchinnikov@users.noreply.github.com>
Date: Tue, 2 Oct 2018 15:11:11 +0300
Subject: [PATCH] Stick footer to the bottom of the page (#46)

---
 src/app/layout/layout.component.html |  7 +++++--
 src/app/layout/layout.component.scss | 16 +++++++++++++++-
 2 files changed, 20 insertions(+), 3 deletions(-)

diff --git a/src/app/layout/layout.component.html b/src/app/layout/layout.component.html
index 44fb82321..72a4d8a41 100644
--- a/src/app/layout/layout.component.html
+++ b/src/app/layout/layout.component.html
@@ -4,7 +4,7 @@
     </div>
 
     <dx-drawer
-        class="content"
+        class="drawer"
         [closeOnOutsideClick]="shaderEnabled"
         [openedStateMode]="menuMode"
         [revealMode]="menuRevealMode"
@@ -23,7 +23,10 @@
         </app-navigation-menu>
 
         <dx-scroll-view>
-            <ng-content></ng-content>
+            <div class="content">
+                <ng-content></ng-content>
+            </div>
+            
 
             <div class="footer">
                 <ng-content select="app-footer"></ng-content>
diff --git a/src/app/layout/layout.component.scss b/src/app/layout/layout.component.scss
index 186bcbf91..648569069 100644
--- a/src/app/layout/layout.component.scss
+++ b/src/app/layout/layout.component.scss
@@ -13,7 +13,21 @@
     z-index: 1;
 }
 
+::ng-deep .dx-scrollable-content {
+    height: 100%;
+}
+
+::ng-deep .dx-scrollview-content {
+    display: flex;
+    flex-direction: column;
+    min-height: 100%;
+}
+
 .content {
+    flex-grow: 1;
+}
+
+.drawer {
     flex: 1;
     min-height: 0;
 
@@ -32,7 +46,7 @@
     }
 }
 
-.screen-large .content ::ng-deep .dx-card {
+.screen-large .drawer ::ng-deep .dx-card {
     padding: 40px;
 }