HPR/hpr_generator
8
1
Fork 5
Code Issues 32 Pull Requests 4 Actions Packages Projects Releases Wiki Activity

Tweak responsive display of main page lane buttons

Browse Source
This commit is contained in:
Roan Horning
2025-09-01 00:24:44 -04:00
parent 7118a3da0a
commit 3454bb717e
1 changed files with 6 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
public_html/css/hpr.css
View File

@@ -357,7 +357,7 @@ a.lane-button {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
margin: 0.5rem var(--link-spacing-horizontal); margin: 0.5rem;
padding: 0.5rem; padding: 0.5rem;
border-width: 5px; border-width: 5px;
border-color: var(--lane-button-border); border-color: var(--lane-button-border);
@@ -556,10 +556,6 @@ fieldset > table td input[type="radio"] {
body > header .bounding-box { body > header .bounding-box {
justify-content: space-between; justify-content: space-between;
} }
#title {
/* background-size: 40%;
background-position: left 8.5em top -2em; */
}
#tag_line { #tag_line {
line-height: 1; line-height: 1;
} }
@@ -641,11 +637,6 @@ fieldset > table td input[type="radio"] {
max-height: 40vw; max-height: 40vw;
overflow-y: scroll overflow-y: scroll
} }
#podcast_lane > .lane,
#project_lane > .lane,
#latest_lane.lane {
justify-content: flex-start;
}
#latest_lane.lane section > ul { #latest_lane.lane section > ul {
margin: 0.5rem 3rem 0 1rem; margin: 0.5rem 3rem 0 1rem;
} }
@@ -655,6 +646,11 @@ fieldset > table td input[type="radio"] {
flex-basis: 32%; flex-basis: 32%;
max-width: 32%; max-width: 32%;
} }
#podcast_lane > .lane,
#project_lane > .lane {
justify-content: flex-start;
gap: 2rem;
}
#latest_lane.lane section { #latest_lane.lane section {
flex: 1; flex: 1;
} }