admin/felhom.eu
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

website: the home page's who-mini row sits under the button, not beside it
gates / gates (push) Failing after 6m44s
Details

Browse Source 
.close-cta is text-align:center, so an inline-flex row flowed onto the same line
as the CTA button and pushed the whole group off-centre. flex + max-width 34rem +
margin auto puts it under the button as a centred block, with the hairline above
it spanning the row rather than the section.

Caught by looking at the deployed page rather than trusting the markup.
site.css?v= -> 14.
This commit is contained in:
authentik Default Admin
2026-10-11 09:24:53 +02:00
parent 3b3a926b39
commit bb88e73f9e
22 changed files with 26 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files
website/assets/site.css
+5 -2
View File
@@ -2356,9 +2356,12 @@ footer a:hover, footer a:focus-visible { text-decoration: underline; }
/* --- the compact trace on the home page: a face and one line at the point where
someone decides to write, linking to the full block on the contact page. The
audit's R-11 ("nobody is behind it") is what this keeps fixed. --- */
/* flex, NOT inline-flex: .close-cta is text-align:center, so an inline-flex row
flowed onto the same line as the button instead of sitting under it. */
.page-index .who-mini {
display: inline-flex; align-items: center; gap: 16px; text-align: left;
margin-top: 36px; padding-top: 28px; border-top: 1px solid var(--line);
display: flex; align-items: center; gap: 16px; text-align: left;
max-width: 34rem; margin: 36px auto 0;
padding-top: 28px; border-top: 1px solid var(--line);
}
.page-index .who-mini img {
width: 56px; height: 70px; display: block; flex: 0 0 auto;