From 9c0564444e3c010abfb9e42e5354989597856967 Mon Sep 17 00:00:00 2001
From: Thomas Citharel <tcit@tcit.fr>
Date: Fri, 9 Oct 2020 18:13:15 +0200
Subject: [PATCH] Position the footer on the bottom of the screen

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
---
 js/src/App.vue | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/js/src/App.vue b/js/src/App.vue
index 5761b33c0..4dccb0101 100644
--- a/js/src/App.vue
+++ b/js/src/App.vue
@@ -1,8 +1,9 @@
 <template>
   <div id="mobilizon">
     <NavBar />
-    <div class="container" v-if="config && config.demoMode">
+    <div v-if="config && config.demoMode">
       <b-message
+        class="container"
         type="is-danger"
         :title="$t('Warning').toLocaleUpperCase()"
         closable
@@ -112,4 +113,14 @@ $mdi-font-path: "~@mdi/font/fonts";
 @import "~@mdi/font/scss/materialdesignicons";
 
 @import "common";
+
+#mobilizon {
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+
+  main {
+    flex-grow: 1;
+  }
+}
 </style>