From 40fb2d5dd1f99e28149d99e137de1b6743a35650 Mon Sep 17 00:00:00 2001
From: Sam <sam@sam.wf>
Date: Fri, 24 Mar 2023 01:25:29 +0100
Subject: [PATCH] feat(frontend): always show footer at bottom of page

---
 frontend/src/routes/+layout.svelte | 21 +++++++++++++--------
 1 file changed, 13 insertions(+), 8 deletions(-)

diff --git a/frontend/src/routes/+layout.svelte b/frontend/src/routes/+layout.svelte
index 5e7cedc..2a7af36 100644
--- a/frontend/src/routes/+layout.svelte
+++ b/frontend/src/routes/+layout.svelte
@@ -23,15 +23,20 @@
   <meta property="og:site_name" content="pronouns.cc" />
 </svelte:head>
 
-<Navigation />
-<div class="container">
-  <slot />
-  <div class="position-absolute top-0 end-0">
-    {#each $toastStore as toast}
-      <Toast header={toast.header} body={toast.body} />
-    {/each}
+<div class="d-flex flex-column min-vh-100">
+  <div class="flex-grow-1">
+    <Navigation />
+    <div class="container">
+      <slot />
+      <div class="position-absolute top-0 end-0">
+        {#each $toastStore as toast}
+          <Toast header={toast.header} body={toast.body} />
+        {/each}
+      </div>
+    </div>
   </div>
-  <footer>
+
+  <footer class="container">
     <hr />
     <p>
       pronouns.cc <a href="https://codeberg.org/u1f320/pronouns.cc/commit/{commit}">{version}</a>