alois/Verso
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Center footer items on mobile for harmonious two-line layout
Build and Deploy Verso / deploy (push) Successful in 9m44s
Details

Browse Source 
Both ul.site-footer-items rows are now justify-content: center on small
screens, so the copyright/language row and the licence/source row are
symmetrically aligned instead of left-justified.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
claude
2026-06-16 11:05:22 +00:00
parent 0a5bd4e47d
commit be353d53bd
1 changed files with 2 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
services/web/frontend/stylesheets/components/footer.scss
+2 -1
View File
@@ -171,7 +171,7 @@ footer.site-footer {
} }
} }
// On small screens: natural line-height, flex-wrap items, hide pipe separators // On small screens: natural line-height, flex-wrap items, centered, hide pipe separators
@include media-breakpoint-down(md) { @include media-breakpoint-down(md) {
line-height: normal; line-height: normal;
padding: var(--spacing-03) 0; padding: var(--spacing-03) 0;
@@ -180,6 +180,7 @@ footer.site-footer {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
align-items: center; align-items: center;
justify-content: center;
row-gap: var(--spacing-02); row-gap: var(--spacing-02);
.footer-sep { .footer-sep {