Oprava zobrazení patičky

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 {

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>
   );
 }
 

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 >
 }