diff --git a/src/BlazorApp/Components/Layout/Footer.razor b/src/BlazorApp/Components/Layout/Footer.razor index 9459d1e..5b85347 100644 --- a/src/BlazorApp/Components/Layout/Footer.razor +++ b/src/BlazorApp/Components/Layout/Footer.razor @@ -4,10 +4,14 @@ diff --git a/src/BlazorApp/wwwroot/css/components.css b/src/BlazorApp/wwwroot/css/components.css index c3c09bf..30bdc57 100644 --- a/src/BlazorApp/wwwroot/css/components.css +++ b/src/BlazorApp/wwwroot/css/components.css @@ -304,12 +304,18 @@ body:has(.menu-toggle:checked) { display: flex; flex-direction: column; align-items: center; - gap: var(--space-4); + gap: var(--space-2); +} + +.page-footer .footer-link { + font-size: var(--font-size-xs); + color: var(--color-slate-50); + text-decoration: underline; + text-underline-offset: 2px; } .page-footer .footer-text { font-size: var(--font-size-xs); - line-height: 1.25; color: var(--color-slate-50); margin-bottom: 0; } @@ -317,13 +323,7 @@ body:has(.menu-toggle:checked) { @media (min-width: 768px) { .page-footer .footer-content { flex-direction: row; - align-items: center; justify-content: space-between; - gap: 0; - } - - .page-footer .footer-text { - order: 1; } }