From c85a4b8c6efab94c337dd5fab926d4de58891f2f Mon Sep 17 00:00:00 2001 From: Roan Horning Date: Sat, 8 Nov 2025 08:15:18 -0500 Subject: [PATCH 1/2] Clean up layout of host meta info on host page For small displays insure the meta info box wraps and is displayed below the host id box. --- public_html/css/hpr.css | 14 ++++++++++---- 1 file changed, 10 insertions(+), 4 deletions(-) diff --git a/public_html/css/hpr.css b/public_html/css/hpr.css index 1d9a922..a57bdb6 100644 --- a/public_html/css/hpr.css +++ b/public_html/css/hpr.css @@ -703,9 +703,15 @@ fieldset > table td input[type="radio"] { border-radius: 0.25rem; } #host { - justify-content: flex-start; - align-items: end; - gap: 0; + justify-content: center; + align-items: center; + gap: 1; +} +#host_id { + text-align: center; +} +#host_id > h2 { + margin-top: 0; } #host_id img { border-radius: 0.25rem; @@ -884,7 +890,7 @@ nav.episodes span a:hover svg #bar { max-width: 45%; } #host { - gap: 1rem; + gap: 2rem; } nav.episodes { display: inline-block; From 4e2ecc4efcce3cecac63cdec37d5dec30456a256 Mon Sep 17 00:00:00 2001 From: Roan Horning Date: Sat, 8 Nov 2025 08:26:11 -0500 Subject: [PATCH 2/2] Tweak flex gap for host_meta on small displays --- public_html/css/hpr.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/public_html/css/hpr.css b/public_html/css/hpr.css index a57bdb6..85bf937 100644 --- a/public_html/css/hpr.css +++ b/public_html/css/hpr.css @@ -705,7 +705,7 @@ fieldset > table td input[type="radio"] { #host { justify-content: center; align-items: center; - gap: 1; + gap: 0.5rem; } #host_id { text-align: center;