From b122f7c1c07bbde0121518b013f71bd3147c634a Mon Sep 17 00:00:00 2001
From: Roan Horning <roan.horning@gmail.com>
Date: Sun, 26 Oct 2025 00:45:34 -0400
Subject: [PATCH] Make episode navigation links more button like

---
 public_html/css/hpr.css | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/public_html/css/hpr.css b/public_html/css/hpr.css
index 8444e3d..3f9edb3 100644
--- a/public_html/css/hpr.css
+++ b/public_html/css/hpr.css
@@ -47,6 +47,7 @@ https://creativecommons.org/publicdomain/
 	--link-secondary: #a8f8ff;
 	--link-secondary-hover: #f9e9c2;
 	--link-title-color: #00003e;
+	--link-navigation-hover: #030303;
 	--primary-content-line-height: 1.45;
 
 	--font-family-hpr: Verdana, Arial, Helvetica, sans-serif; /* 1em/1.5 OpenDyslexic, */;
@@ -744,11 +745,13 @@ nav.episodes span {
 	text-align: center;
 	border: inset thin var(--text-primary);
 }
-nav.episodes span:nth-child(-n+2) {
+nav.episodes span:nth-child(-n+2),
+nav.episodes span:nth-child(-n+2) a {
 	border-top-left-radius: 2rem;
 	border-bottom-left-radius: 2rem;
 }
-nav.episodes span:nth-child(n+3) {
+nav.episodes span:nth-child(n+3),
+nav.episodes span:nth-child(n+3) a {
 	border-top-right-radius: 2rem;
 	border-bottom-right-radius: 2rem;
 }
@@ -759,6 +762,13 @@ nav.episodes span a {
 	min-width: 4.4em;
 	min-height: 1.5em;
 }
+nav.episodes span a:hover {
+	background-color: var(--link-primary-hover);
+	color: var(--link-navigation-hover);
+}
+nav.episodes span a img {
+	filter: none;
+}
 nav.episodes img {
 	margin: 0 0.2rem;
 	height: 0.85em;
@@ -914,4 +924,8 @@ nav.episodes img {
 	#hosts td:nth-child(-n+2) {
 		color: var(--text-primary);
 	}
+		nav.episodes span a:hover {
+		background-color: var(--link-primary-hover);
+		color: var(--link-navigation-hover);
+	}
 }