diff src/app/app.component.css @ 190:5e8a2eb8bdbf

Bodge in a footer - for no good reason.

--- a/src/app/app.component.css	Wed Mar 22 14:34:43 2017 +0000
+++ b/src/app/app.component.css	Wed Mar 22 16:20:50 2017 +0000
@@ -3,17 +3,32 @@
 }
 
 md-sidenav-container {
-  height: calc(100vh - 64px); /* height of window minus the toolbar height*/
+  height: 100%;
+  width: 100%;
+  position: absolute;
 }
 
 md-sidenav {
   text-align: center;
 }
 
-md-tab-group {
-  height: calc(100vh - 64px); /* height of window minus the toolbar height*/
+.app-container {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  background: pink;
 }
 
-md-tab-group >>> .md-tab-body-wrapper {
-  align-items: center;
+.app-header {
+  flex: 0 0 auto;
 }
+
+.app-content {
+  flex: 1 1 auto;
+  overflow-y: auto;
+  position: relative;
+}
+
+.app-footer {
+  flex: 0 0 auto;
+}