Favorite Button doesn't indicate status / wrong color #1266
Description
Describe the bug
In the schedule view (https://that.us/events/wi/2022/schedule/) favorited sessions are not visually indicating they are favorited.
To Reproduce
Steps to reproduce the behavior:
- Go to schedule (https://that.us/events/wi/2022/schedule/)
- Click on the Favorite button for a session
- See no change or difference in the button from an non-favorited session
Expected behavior
The button should indicate the session is favorited (it looks like the intention is by way of a text-red-500 CSS class on the button, though for accessibility I'd prefer a different icon for each status as even with a mild color deficiency it is hard for me to see the red vs gray).
Screenshots
In this image the John Ptacek and Benjamin Gavin sessions are favorited, but not the Dave Aronson session.
The text-gray-700 and text-red-500 CSS classes are applied to the button but the text-gray-700 is overriding.
Desktop (please complete the following information):
- OS: Windows 11
- Browser: Brave and Edge
- Version: Brave 1.39.122 and Edge 103.0.1264.49
Additional context
It seems the text-gray-700 CSS class must have precedence in the stylesheet to the text-red-500. Either precedence needs to be changed or the styles need to be applied more dynamically from my perspective.