From fe7d609b5f74f1f6b27a5e3572633dad160c8619 Mon Sep 17 00:00:00 2001
From: Martin Berka <martin.berka@radbuza.net>
Date: Sat, 11 Oct 2025 10:36:21 +0200
Subject: [PATCH] =?UTF-8?q?Oprava=20zobrazen=C3=AD=20pati=C4=8Dky?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/App.scss              | 16 ++++++++++++++++
 client/src/App.tsx               |  4 ++--
 client/src/components/Footer.tsx |  7 ++++++-
 3 files changed, 24 insertions(+), 3 deletions(-)

diff --git a/client/src/App.scss b/client/src/App.scss
index 025e3d9..0e92c0b 100644
--- a/client/src/App.scss
+++ b/client/src/App.scss
@@ -51,8 +51,24 @@
   font-size: 64px;
 }
 
+/* Sticky footer layout */
+html,
+body,
+#root {
+  height: 100%;
+  margin: 0;
+}
+
+.app-container {
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+}
+
 .wrapper {
   padding: 20px;
+  flex: 1;
+  /* Zabere zbytek místa */
 }
 
 .title {
diff --git a/client/src/App.tsx b/client/src/App.tsx
index 0d5d36b..9fab6f0 100644
--- a/client/src/App.tsx
+++ b/client/src/App.tsx
@@ -435,7 +435,7 @@ function App() {
   const { path, url, startOffset, endOffset, duration, ...style } = easterEgg || {};
 
   return (
-    <>
+    <div className="app-container">
       {easterEgg && eggImage && <img ref={eggRef} alt='' src={URL.createObjectURL(eggImage)} style={{ position: 'absolute', ...EASTER_EGG_STYLE, ...style, animationDuration: `${duration ?? EASTER_EGG_DEFAULT_DURATION}s` }} />}
       <Header />
       <div className='wrapper'>
@@ -686,7 +686,7 @@ function App() {
       </div>
       <Footer />
       <NoteModal isOpen={noteModalOpen} onClose={() => setNoteModalOpen(false)} onSave={saveNote} />
-    </>
+    </div>
   );
 }
 
diff --git a/client/src/components/Footer.tsx b/client/src/components/Footer.tsx
index f194a43..42b56c0 100644
--- a/client/src/components/Footer.tsx
+++ b/client/src/components/Footer.tsx
@@ -1,7 +1,12 @@
 import { Navbar } from "react-bootstrap";
 
 export default function Footer() {
-    return <Navbar className="text-light" variant='dark' expand="lg" style={{ display: "flex", justifyContent: "center" }}>
+    return <Navbar className="text-light" variant='dark' expand="lg" style={{
+        display: "flex",
+        justifyContent: "center",
+        marginTop: "auto", // Pushne footer na spodek
+        flexShrink: 0 // Zabrání zmenšování při malém obsahu
+    }}>
         <span>🄯 Žádná práva nevyhrazena. TODO a zdrojové kódy dostupné <a href="https://gitea.melancholik.eu/mates/Luncher">zde</a>.</span>
     </Navbar >
 }
\ No newline at end of file