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.25rem
  • font-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