diff --git a/src/Web/Views/Shared/_Layout.cshtml b/src/Web/Views/Shared/_Layout.cshtml
index 0d872b5..cd4ae24 100644
--- a/src/Web/Views/Shared/_Layout.cshtml
+++ b/src/Web/Views/Shared/_Layout.cshtml
@@ -24,29 +24,31 @@
-
- @RenderBody()
-
+
+
+ @RenderBody()
+
+
diff --git a/src/Web/wwwroot/css/app.component.css b/src/Web/wwwroot/css/app.component.css
index 0489bae..802c163 100644
--- a/src/Web/wwwroot/css/app.component.css
+++ b/src/Web/wwwroot/css/app.component.css
@@ -12,3 +12,9 @@
.esh-app-header {
margin: 15px; }
+
+.esh-app-wrapper {
+ display: flex;
+ min-height: 100vh;
+ flex-direction: column;
+ justify-content: space-between; }
diff --git a/src/Web/wwwroot/css/app.component.min.css b/src/Web/wwwroot/css/app.component.min.css
index 1b73a35..2841619 100644
--- a/src/Web/wwwroot/css/app.component.min.css
+++ b/src/Web/wwwroot/css/app.component.min.css
@@ -1 +1 @@
-.esh-app-footer{background-color:#000;border-top:1px solid #eee;margin-top:2.5rem;padding-bottom:2.5rem;padding-top:2.5rem;width:100%;bottom:0;}.esh-app-footer-brand{height:50px;width:230px;}.esh-app-header{margin:15px;}
\ No newline at end of file
+.esh-app-footer{background-color:#000;border-top:1px solid #eee;margin-top:2.5rem;padding-bottom:2.5rem;padding-top:2.5rem;width:100%;bottom:0;}.esh-app-footer-brand{height:50px;width:230px;}.esh-app-header{margin:15px;}.esh-app-wrapper{display:flex;min-height:100vh;flex-direction:column;justify-content:space-between;}
\ No newline at end of file
diff --git a/src/Web/wwwroot/css/app.component.scss b/src/Web/wwwroot/css/app.component.scss
index 7fa7a14..be55675 100644
--- a/src/Web/wwwroot/css/app.component.scss
+++ b/src/Web/wwwroot/css/app.component.scss
@@ -11,7 +11,6 @@
padding-bottom: $padding;
padding-top: $padding;
width: 100%;
-
bottom: 0;
$height: 50px;
@@ -19,10 +18,16 @@
height: $height;
width: 230px;
}
-
}
&-header {
margin: 15px;
}
+
+ &-wrapper {
+ display: flex;
+ min-height: 100vh;
+ flex-direction: column;
+ justify-content: space-between
+ }
}
\ No newline at end of file
-
-