Improve visibility of alert messages with larger font size and bold text
Problem
Alert messages displayed at the top of pages are currently using a small font size (0.875rem) which makes them easy to overlook. Users may miss important notifications, warnings, or error messages.
Solution
- Increase font size from 0.875rem to 1.25rem (approximately 20px)
- Change font weight from 500 (medium) to 700 (bold)
- Maintain existing styling for colors and spacing
Implementation
Updated .alert CSS class in ivatar/static/css/libravatar_base.css:
font-size: 1.25remfont-weight: 700
Impact
- Better user experience through more noticeable system messages
- Reduced chance of users missing important alerts
- Improved accessibility for users with visual impairments