From 3454bb717e075e24bdcba6fa31a0c5948b9aeb9c Mon Sep 17 00:00:00 2001 From: Roan Horning Date: Mon, 1 Sep 2025 00:24:44 -0400 Subject: [PATCH] Tweak responsive display of main page lane buttons --- public_html/css/hpr.css | 16 ++++++---------- 1 file changed, 6 insertions(+), 10 deletions(-) diff --git a/public_html/css/hpr.css b/public_html/css/hpr.css index 1ad8992..5f9366c 100644 --- a/public_html/css/hpr.css +++ b/public_html/css/hpr.css @@ -357,7 +357,7 @@ a.lane-button { display: flex; flex-direction: column; justify-content: center; - margin: 0.5rem var(--link-spacing-horizontal); + margin: 0.5rem; padding: 0.5rem; border-width: 5px; border-color: var(--lane-button-border); @@ -556,10 +556,6 @@ fieldset > table td input[type="radio"] { body > header .bounding-box { justify-content: space-between; } - #title { - /* background-size: 40%; - background-position: left 8.5em top -2em; */ - } #tag_line { line-height: 1; } @@ -641,11 +637,6 @@ fieldset > table td input[type="radio"] { max-height: 40vw; overflow-y: scroll } - #podcast_lane > .lane, - #project_lane > .lane, - #latest_lane.lane { - justify-content: flex-start; - } #latest_lane.lane section > ul { margin: 0.5rem 3rem 0 1rem; } @@ -655,6 +646,11 @@ fieldset > table td input[type="radio"] { flex-basis: 32%; max-width: 32%; } + #podcast_lane > .lane, + #project_lane > .lane { + justify-content: flex-start; + gap: 2rem; + } #latest_lane.lane section { flex: 1; }