diff --git a/public_html/css/hpr.css b/public_html/css/hpr.css index 41e3f5e..8444e3d 100644 --- a/public_html/css/hpr.css +++ b/public_html/css/hpr.css @@ -732,6 +732,11 @@ fieldset > table td input[type="radio"] { } nav.episodes { color: var(--background-primary); + font-size: 0.9em; + display: flex; + flex-direction: row; + justify-content: space-around; + max-width: 100vw; } nav.episodes span { color: var(--text-primary); @@ -747,15 +752,17 @@ nav.episodes span:nth-child(n+3) { border-top-right-radius: 2rem; border-bottom-right-radius: 2rem; } -nav.episodes span.no-link, +nav.episodes span.no-link, nav.episodes span a { - padding: 0.5rem; + padding: 0.17em; display: inline-block; - min-width: 5.5rem; + min-width: 4.4em; + min-height: 1.5em; } -nav.episodes object { +nav.episodes img { margin: 0 0.2rem; - heigth: 0.85rem; + height: 0.85em; + max-width: 13px; vertical-align: middle; } @media (min-width: 600px) { @@ -854,6 +861,9 @@ nav.episodes object { #host { gap: 1rem; } + nav.episodes { + display: inline-block; + } } @media (min-width: 900px) { #podcast_lane > .lane,