From f70a8b17795d820c3485b8086690a60b8e788c8b Mon Sep 17 00:00:00 2001
From: Roan Horning <roan.horning@gmail.com>
Date: Sat, 13 Jun 2026 21:56:11 -0400
Subject: [PATCH] Use horizontal layout for page navigation links

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

diff --git a/public_html/css/hpr.css b/public_html/css/hpr.css
index 017aa42..ac14a18 100644
--- a/public_html/css/hpr.css
+++ b/public_html/css/hpr.css
@@ -766,6 +766,11 @@ fieldset > table td input[type="radio"] {
     border: 1px solid #ddd;
 	padding: 0.1em 0;
 }
+nav > ul > li::marker {
+	content: "✽ ";
+	font-size: 1.05rem;
+	color: var(--background-secondary);
+}
 nav.episodes {
 	color: var(--background-primary);
 	font-size: 0.9em;
@@ -913,6 +918,17 @@ nav.episodes span a:hover svg #bar {
 	#host {
 		gap: 2rem;
 	}
+	nav > ul {
+		display: flex;
+		flex-direction: row;
+		justify-content: space-between;
+		flex-flow: wrap;
+		gap: 0.5rem 1rem;
+	}
+	nav > ul > li {
+		flex: 1 0 max-content;
+		max-width: 50%;
+	}
 	nav.episodes {
 		display: inline-block;
 	}