From 2846576c2f830cbcf20e92f63ea38dae94ae694d Mon Sep 17 00:00:00 2001
From: mi <hola@puercito.net>
Date: Thu, 13 Nov 2025 10:12:16 +1000
Subject: [PATCH] :bug: fix mobile styles for comic nav and compact footer

---
 static/css/style.css | 38 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 38 insertions(+)

diff --git a/static/css/style.css b/static/css/style.css
index 99c8f40..a09ebf9 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -471,6 +471,13 @@ main {
 
     .comic-date-display {
         font-size: var(--font-size-xs);
+        flex-basis: 100%;
+        text-align: center;
+        padding-top: var(--space-xs);
+    }
+
+    .nav-buttons {
+        flex-wrap: wrap;
     }
 
     .archive-grid {
@@ -481,6 +488,37 @@ main {
     .comic-container {
         padding: 0.75rem;
     }
+
+    /* Compact footer mobile adjustments */
+    footer.compact-footer .container {
+        flex-direction: column;
+        align-items: center;
+        text-align: center;
+        gap: var(--space-xs);
+    }
+
+    footer.compact-footer .footer-content {
+        flex-direction: column;
+        align-items: center;
+        gap: var(--space-xs);
+    }
+
+    footer.compact-footer .footer-section {
+        flex-direction: column;
+        gap: var(--space-xs);
+    }
+
+    footer.compact-footer .footer-section::after {
+        display: none;
+    }
+
+    footer.compact-footer .social-links {
+        flex-direction: column;
+    }
+
+    footer.compact-footer .footer-bottom::before {
+        display: none;
+    }
 }
 
 /* Footer */