🐛 fix mobile styles for comic nav and compact footer

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 */