From 2bb770c937796df1df251e87f21ab58bd131afb2 Mon Sep 17 00:00:00 2001
From: Dita Aji Pratama <ditaajipratama@protonmail.com>
Date: Sun, 29 Sep 2024 19:48:14 +0700
Subject: [PATCH] Fixing incorrect footer position when toggling sidebar drawer

---
 costapy-templates/prime/html/footer.html     |  2 +-
 costapy-templates/prime/static/css/style.css | 11 ++++-------
 html/index.html                              |  2 +-
 html/style.css                               | 11 ++++-------
 4 files changed, 10 insertions(+), 16 deletions(-)

diff --git a/costapy-templates/prime/html/footer.html b/costapy-templates/prime/html/footer.html
index b485faa..fee4199 100644
--- a/costapy-templates/prime/html/footer.html
+++ b/costapy-templates/prime/html/footer.html
@@ -1,3 +1,3 @@
-<footer class="footer" id="footer">
+<footer class="footer fixed-bottom" id="footer">
     <p>${copyright}</p>
 </footer>
diff --git a/costapy-templates/prime/static/css/style.css b/costapy-templates/prime/static/css/style.css
index 469ae94..99a2540 100644
--- a/costapy-templates/prime/static/css/style.css
+++ b/costapy-templates/prime/static/css/style.css
@@ -26,7 +26,7 @@ body {
 
 .content {
     margin-left: 250px;
-    padding: 20px;
+    padding-bottom: 20px;
     transition: margin-left 0.3s ease-in-out;
 }
 
@@ -35,18 +35,15 @@ body {
 }
 
 .footer {
-    position: fixed;
-    bottom: 0;
-    width: calc(100% - 250px);
-    margin-left: 250px;
     background-color: #f8f9fa;
-    padding: 10px;
+    padding-top: 5px;
     text-align: center;
+    margin-left: 250px;
     transition: margin-left 0.3s ease-in-out;
+    z-index: 1010;
 }
 
 .footer.full-width {
-    width: 100%;
     margin-left: 0;
 }
 
diff --git a/html/index.html b/html/index.html
index 02ecc72..7223ed7 100644
--- a/html/index.html
+++ b/html/index.html
@@ -79,7 +79,7 @@
         </div>
 
         <!-- Footer -->
-        <footer class="footer" id="footer">
+        <footer class="footer fixed-bottom" id="footer">
             <p>&copy; 2024 Dita Aji Pratama. All rights reserved.</p>
         </footer>
 
diff --git a/html/style.css b/html/style.css
index 469ae94..99a2540 100644
--- a/html/style.css
+++ b/html/style.css
@@ -26,7 +26,7 @@ body {
 
 .content {
     margin-left: 250px;
-    padding: 20px;
+    padding-bottom: 20px;
     transition: margin-left 0.3s ease-in-out;
 }
 
@@ -35,18 +35,15 @@ body {
 }
 
 .footer {
-    position: fixed;
-    bottom: 0;
-    width: calc(100% - 250px);
-    margin-left: 250px;
     background-color: #f8f9fa;
-    padding: 10px;
+    padding-top: 5px;
     text-align: center;
+    margin-left: 250px;
     transition: margin-left 0.3s ease-in-out;
+    z-index: 1010;
 }
 
 .footer.full-width {
-    width: 100%;
     margin-left: 0;
 }