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

Clean up layout of host meta info on host page

Browse Source 
For small displays insure the meta info box wraps
and is displayed below the host id box.
This commit is contained in:
Roan Horning
2025-11-08 08:15:18 -05:00
parent f11106223c
commit c85a4b8c6e
1 changed files with 10 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
public_html/css/hpr.css
View File

@@ -703,9 +703,15 @@ fieldset > table td input[type="radio"] {
border-radius: 0.25rem; border-radius: 0.25rem;
} }
#host { #host {
justify-content: flex-start; justify-content: center;
align-items: end; align-items: center;
gap: 0; gap: 1;
}
#host_id {
text-align: center;
}
#host_id > h2 {
margin-top: 0;
} }
#host_id img { #host_id img {
border-radius: 0.25rem; border-radius: 0.25rem;
@@ -884,7 +890,7 @@ nav.episodes span a:hover svg #bar {
max-width: 45%; max-width: 45%;
} }
#host { #host {
gap: 1rem; gap: 2rem;
} }
nav.episodes { nav.episodes {
display: inline-block; display: inline-block;