From 7e75903c88beed851b38709f764b097e0235b58a Mon Sep 17 00:00:00 2001
From: Quentin Bellanger <hello@quentin-bellanger.com>
Date: Fri, 13 Dec 2024 11:46:09 +0100
Subject: [PATCH] push footer to bottom of page

---
 confiture-web-app/src/components/layout/SiteFooter.vue | 2 +-
 confiture-web-app/src/styles/main.css                  | 6 ++++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/confiture-web-app/src/components/layout/SiteFooter.vue b/confiture-web-app/src/components/layout/SiteFooter.vue
index 6c14fdb2..1f671c95 100644
--- a/confiture-web-app/src/components/layout/SiteFooter.vue
+++ b/confiture-web-app/src/components/layout/SiteFooter.vue
@@ -30,7 +30,7 @@ const bottomLinks = [
 </script>
 
 <template>
-  <footer id="footer" class="fr-footer" role="contentinfo">
+  <footer id="footer" class="fr-footer fr-mt-auto" role="contentinfo">
     <div v-if="accountStore.account" class="fr-footer__top">
       <div class="fr-container">
         <div class="fr-grid-row fr-grid-row--start fr-grid-row--gutters">
diff --git a/confiture-web-app/src/styles/main.css b/confiture-web-app/src/styles/main.css
index fd842b7d..4db9f206 100644
--- a/confiture-web-app/src/styles/main.css
+++ b/confiture-web-app/src/styles/main.css
@@ -2,6 +2,12 @@
   --dsfr-outline: #0a76f6;
 }
 
+#app {
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
+}
+
 /* FIXME: Collapses have awful transition performances. Re-enable when performance problems have been fixed. */
 .fr-collapse,
 .fr-collapse::before {