Improve footer typography and alignment

- Increase footer font size from small to medium for better readability
- Ensure all footer text is properly centered including disclaimer
- Add explicit text-align: center and display: block for disclaimer small text
- Maintain responsive design with smaller font on mobile but still readable
- Update mobile disclaimer font size to small instead of extra small
This commit is contained in:
Deco Vander 2025-07-04 12:55:16 -04:00
parent dbf7b8e282
commit c88f625485
3 changed files with 11 additions and 5 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -14,7 +14,7 @@ footer {
margin: $spacing-sm 0;
color: var(--text-color);
text-align: center;
font-size: $font-size-sm;
font-size: $font-size-md;
line-height: 1.6;
&:first-child {
@ -37,11 +37,13 @@ footer {
.disclaimer {
margin-top: $spacing-md;
text-align: center;
small {
color: var(--text-secondary);
font-size: $font-size-xs;
font-size: $font-size-md;
line-height: 1.5;
display: block;
}
}
@ -49,7 +51,11 @@ footer {
padding: $spacing-md;
p {
font-size: $font-size-xs;
font-size: $font-size-sm;
}
.disclaimer small {
font-size: $font-size-sm;
}
}
}