From c4c2af80e99a10549da0a1a58bcbfdf5a6909eee Mon Sep 17 00:00:00 2001
From: stopflock <admin@stopflock.com>
Date: Sat, 4 Jul 2026 12:26:44 -0500
Subject: [PATCH] fix floating footer on short pages

---
 webapp/src/layouts/DefaultLayout.vue | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/webapp/src/layouts/DefaultLayout.vue b/webapp/src/layouts/DefaultLayout.vue
index 8759a16..b855d75 100644
--- a/webapp/src/layouts/DefaultLayout.vue
+++ b/webapp/src/layouts/DefaultLayout.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="page-wrapper">
     <slot name="header" />
 
     <!-- Main content -->
@@ -22,3 +22,20 @@ defineProps({
   },
 })
 </script>
+
+<style scoped>
+/* Sticky-footer layout: keeps the footer pinned to the bottom of the
+   viewport on short pages (without being fixed/floating), while still
+   allowing it to scroll off-screen naturally on taller pages. */
+.page-wrapper {
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
+}
+
+.page-wrapper main {
+
+  flex: 1 0 auto;
+}
+</style>
+