From 70d115e11c489118760ecda998b3c9ef44ba3ffc Mon Sep 17 00:00:00 2001 From: puttaalu Date: Fri, 3 Jul 2026 23:11:11 +0200 Subject: [PATCH] Split the photo nav so Back sits alone on the left Move the Newer and Older links to a right-aligned group joined by a slash so they stop crowding the Back link, and drop the aqua accent so every link in the row shares the muted serif tone. --- static/style.css | 24 ++++++++---------------- templates/photo.html | 7 +++++-- 2 files changed, 13 insertions(+), 18 deletions(-) diff --git a/static/style.css b/static/style.css index b416670..d9356be 100644 --- a/static/style.css +++ b/static/style.css @@ -198,34 +198,26 @@ body { .photo-nav { display: flex; justify-content: space-between; - align-items: center; + align-items: baseline; padding: 8px 0; margin-bottom: 16px; - font-family: monospace; - font-size: 13px; - letter-spacing: 0.04em; + font-family: var(--serif); + font-size: 15px; } .photo-nav a { - color: var(--aqua); + color: var(--fg3); text-decoration: none; } .photo-nav a:hover { - color: var(--fg2); -} - -.photo-nav .back-btn { - font-family: var(--serif); - font-size: 15px; - color: var(--fg3); - letter-spacing: 0; -} - -.photo-nav .back-btn:hover { color: var(--fg); } +.photo-nav-neighbours { + color: var(--fg3); +} + .dlayout { display: flex; align-items: stretch; diff --git a/templates/photo.html b/templates/photo.html index 4310ad9..a2d79eb 100644 --- a/templates/photo.html +++ b/templates/photo.html @@ -14,9 +14,12 @@