Fix mobile responsiveness for navigation and list view

- Add flex-wrap to header navigation to prevent overflow on mobile
- Reduce button padding and font sizes for mobile nav
- Hide GitHub link text on mobile, show icon only
- Fix list view layout on mobile by switching to column layout
- Allow metadata to wrap properly in mobile list view
- Ensure project cards stack vertically in mobile list view

These changes ensure the site is fully responsive and usable on mobile devices.

Author: mzazon

.publish/templates/site/index.html

@@ -344,6 +344,7 @@
             display: flex;
             align-items: center;
             gap: 0.5rem;
+            flex-wrap: wrap;
         }
 
         .nav-btn {
@@ -360,6 +361,7 @@
             display: flex;
             align-items: center;
             gap: 0.5rem;
+            white-space: nowrap;
         }
 
         .nav-btn:hover {
@@ -970,6 +972,58 @@
             margin-left: auto;
         }
 
+        /* Mobile responsive fixes for list view */
+        @media (max-width: 640px) {
+            .projects-container.list-view .project-card {
+                flex-direction: column;
+                align-items: flex-start;
+                padding: 1rem;
+            }
+
+            .projects-container.list-view .project-header {
+                width: 100%;
+            }
+
+            .projects-container.list-view .project-title {
+                font-size: 0.95rem;
+            }
+
+            .projects-container.list-view .project-meta {
+                flex-wrap: wrap;
+                width: 100%;
+            }
+
+            .projects-container.list-view .project-actions {
+                margin-left: 0;
+                margin-top: 0.5rem;
+            }
+        }
+
+        /* Mobile navigation responsive fixes */
+        @media (max-width: 640px) {
+            .header-nav {
+                gap: 0.375rem;
+            }
+
+            .nav-btn {
+                padding: 0.5rem 0.75rem;
+                font-size: 0.85rem;
+            }
+
+            .nav-btn .count {
+                font-size: 0.7rem;
+                padding: 0.1rem 0.4rem;
+            }
+
+            .github-link span {
+                display: none;
+            }
+
+            .github-link {
+                padding: 0.5rem;
+            }
+        }
+
         /* Project card */
         .project-card {
             background: var(--bg-card);