From 403559a2a2e0974aad4b008caf6f750f6eb9d51e Mon Sep 17 00:00:00 2001
From: Aherobo Ovie Victor <ovieaherobo0709@gmail.com>
Date: Fri, 11 Jul 2025 21:26:26 +0100
Subject: [PATCH] Move footer to bottom of page with proper styling

---
 static/style.css     | 17 +++++++++++++++--
 templates/index.html |  2 +-
 2 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/static/style.css b/static/style.css
index d3186a7..397f46d 100644
--- a/static/style.css
+++ b/static/style.css
@@ -11,12 +11,17 @@ body {
     background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
     min-height: 100vh;
     color: #333;
+    display: flex;
+    flex-direction: column;
 }
 
 .container {
     max-width: 1200px;
     margin: 0 auto;
     padding: 20px;
+    flex: 1;
+    display: flex;
+    flex-direction: column;
 }
 
 header {
@@ -338,10 +343,18 @@ header p {
     margin-bottom: 15px;
 }
 
-footer {
+main {
+    flex: 1;
+}
+
+.footer {
     text-align: center;
-    margin-top: 40px;
+    margin-top: auto;
+    padding: 20px 0;
     color: rgba(255,255,255,0.8);
+    background: rgba(0,0,0,0.1);
+    backdrop-filter: blur(10px);
+    border-top: 1px solid rgba(255,255,255,0.1);
 }
 
 /* Responsive Design */
diff --git a/templates/index.html b/templates/index.html
index b8ed60d..9607cd5 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -84,7 +84,7 @@
             </section>
         </main>
 
-        <footer>
+        <footer class="footer">
             <p>&copy; 2024 Memory Module Detection Project - QA Testing Interface</p>
         </footer>
     </div>