Ensure the footer always stays at the bottom of the page

2019-04-12 16:45:27 +02:00 · 2019-04-12 16:45:27 +02:00 · eb0c2a441d
parent 4b66ea0234
commit eb0c2a441d
2 changed files with 7 additions and 0 deletions
--- a/changes/changelog.d/footer.enhancement
+++ b/changes/changelog.d/footer.enhancement
@ -0,0 +1 @@
+Ensure the footer always stays at the bottom of the page
--- a/front/src/style/_main.scss
+++ b/front/src/style/_main.scss
@ -88,8 +88,14 @@ body {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
+  display: flex;
+  min-height: 100vh;
+  flex-direction: column;
 }

+#app > main, #app > .main {
+  flex: 1;
+}
 .instance-chooser {
  margin-top: 2em;
 }
				`@ -0,0 +1 @@`
				`Ensure the footer always stays at the bottom of the page`