From 852f37dc8dde9376595be518ab3cdb83a9fce811 Mon Sep 17 00:00:00 2001
From: Jonatan Nilsson <jonatan@nilsson.is>
Date: Wed, 6 Dec 2023 05:06:01 +0000
Subject: [PATCH] filadelfia_archive: Fix header

---
 filadelfia_archive/package.json      | 2 +-
 filadelfia_archive/public/index.html | 7 ++++---
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/filadelfia_archive/package.json b/filadelfia_archive/package.json
index 8364097..7bd3efa 100644
--- a/filadelfia_archive/package.json
+++ b/filadelfia_archive/package.json
@@ -1,6 +1,6 @@
 {
   "name": "filadelfia_archive",
-  "version": "1.0.7",
+  "version": "1.0.8",
   "port": 4130,
   "description": "Filadelfia archive",
   "main": "index.js",
diff --git a/filadelfia_archive/public/index.html b/filadelfia_archive/public/index.html
index c47e7a7..fdd4985 100644
--- a/filadelfia_archive/public/index.html
+++ b/filadelfia_archive/public/index.html
@@ -83,8 +83,9 @@ form p.separator { color: var(--color-alt); margin-top: 1.5rem; padding-bottom:
 
 #header { background: var(--bg-component); }
 
+#header nav { display: flex; }
 #header nav,
-#header .nav { display: flex; padding: 0.5rem 1rem 0.5rem 0; justify-content: flex-end; flex-wrap: wrap; }
+#header .nav { text-align: center; padding: 0.5rem 1rem 0.5rem 0; justify-content: flex-end; flex-wrap: wrap; }
 
 #header nav a,
 #header nav button { margin-left: 1rem; }
@@ -103,7 +104,7 @@ form p.separator { color: var(--color-alt); margin-top: 1.5rem; padding-bottom:
 #header .upload { background: var(--main); color: var(--main-fg); }
 #header .nav { overflow-x: hidden; padding: 0.75rem 1rem 0.25rem; min-height: 4rem; align-items: flex-start; border-bottom: 1px solid #0001; }
 #header .nav:hover { overflow-x: auto; }
-#header .nav .inner { flex: 2 1 auto; display: flex; justify-content: center; }
+#header .nav .inner { padding-top: 0.5rem; }
 #header .nav a { margin: 0 0.25rem; padding: 0.25rem 1.5rem; border-radius: 3rem; }
 #header .nav a.empty { opacity: 0.5; }
 #header .nav a.active { background: var(--bg-component-alt); color: var(--color); text-decoration: none; }
@@ -193,7 +194,7 @@ footer a { font-size: 0.8rem; }
 @keyframes stripes { to { background-size: 100% 100%; } }
 
 @media (pointer:coarse) {
-  #header .nav { overflow-x: auto; }
+  #header .nav { overflow-x: scroll; }
 }
 @media screen and (max-width: 700px){
   .gallery, .gallery-year { margin: 0.25rem; }