From 29a5c8465170771848b5882b2c71ff7a5d0da03a Mon Sep 17 00:00:00 2001
From: Julian Tabel <julian.tabel@synvert.com>
Date: Fri, 13 Feb 2026 13:59:18 +0100
Subject: [PATCH] Fix footer floating mid-page on short content pages

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 ...-tracker-36wg--make-footer-stick-to-bottom-of-viewport.md | 5 +++--
 frontend/src/components/Layout.tsx                           | 4 ++--
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/.beans/nuzlocke-tracker-36wg--make-footer-stick-to-bottom-of-viewport.md b/.beans/nuzlocke-tracker-36wg--make-footer-stick-to-bottom-of-viewport.md
index 2f2af95..d3b937d 100644
--- a/.beans/nuzlocke-tracker-36wg--make-footer-stick-to-bottom-of-viewport.md
+++ b/.beans/nuzlocke-tracker-36wg--make-footer-stick-to-bottom-of-viewport.md
@@ -1,10 +1,11 @@
 ---
 # nuzlocke-tracker-36wg
 title: Make footer stick to bottom of viewport
-status: todo
+status: in-progress
 type: bug
+priority: normal
 created_at: 2026-02-13T07:47:48Z
-updated_at: 2026-02-13T07:47:48Z
+updated_at: 2026-02-13T12:51:48Z
 ---
 
 On pages with little content, the footer appears right after the content instead of staying at the bottom of the viewport. The footer should always be at the bottom of the browser window, pushing down when there's enough content but not floating in the middle of the page when content is short (sticky footer pattern).
\ No newline at end of file
diff --git a/frontend/src/components/Layout.tsx b/frontend/src/components/Layout.tsx
index 0dfa06d..c4967e3 100644
--- a/frontend/src/components/Layout.tsx
+++ b/frontend/src/components/Layout.tsx
@@ -5,7 +5,7 @@ export function Layout() {
   const [menuOpen, setMenuOpen] = useState(false)
 
   return (
-    <div className="min-h-screen bg-gray-50 dark:bg-gray-900 text-gray-900 dark:text-gray-100">
+    <div className="min-h-screen flex flex-col bg-gray-50 dark:bg-gray-900 text-gray-900 dark:text-gray-100">
       <nav className="bg-white dark:bg-gray-800 shadow-sm">
         <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
           <div className="flex justify-between h-16">
@@ -124,7 +124,7 @@ export function Layout() {
           </div>
         )}
       </nav>
-      <main>
+      <main className="flex-1">
         <Outlet />
       </main>
       <footer className="border-t border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800">