From 7a59a769ed614f8d7aa8d3021080d2c8e68e37e7 Mon Sep 17 00:00:00 2001 From: Roan Horning Date: Sun, 9 Nov 2025 08:57:33 -0500 Subject: [PATCH] Fix layout of episode nav links on small displays Reduce horizontal padding on small displays to prevent navigation from overflowing width of screen. --- public_html/css/hpr.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/public_html/css/hpr.css b/public_html/css/hpr.css index b34bed5..8210858 100644 --- a/public_html/css/hpr.css +++ b/public_html/css/hpr.css @@ -54,6 +54,7 @@ https://creativecommons.org/publicdomain/ --font-size-default: clamp(1rem, 15px + 0.3vw, 1.07rem); --font-size-emphasis: clamp(1.1rem, 15px + 0.3vw, 1.25rem); + --episode-nav-padding: clamp(0.15em, 15px + 0.3vw, 0.4em); --show-notes-pre-background: #f9e9c2; --logo-font-family: var(--font-family-hpr); --logo-font-weight: bolder; @@ -782,7 +783,7 @@ nav.episodes span:nth-child(n+3) a { } nav.episodes span.no-link, nav.episodes span a { - padding: 0.3em 0.4em 0.1em 0.4em; + padding: 0.3em var(--episode-nav-padding) 0.1em var(--episode-nav-padding); display: inline-block; min-width: 4.4em; min-height: 1.5em;