Make media play button in media browser more visible when hovering

[jpbede]

Proposed change

Make the play button in the media browser a bit more visible by reducing the brightness of the image and styling the button itself like a fab. This also fixes the misalignment (was more aligned to the top) of the button 🙂

Old	New

Type of change

• Dependency upgrade
• Bugfix (non-breaking change which fixes an issue)
• New feature (thank you!)
• Breaking change (fix/feature causing existing functionality to break)
• Code quality improvements to existing code or addition of tests

Example configuration

Additional information

• This PR fixes or closes issue: fixes Image / Media management - add buttons can sometimes be hard to see #23528
• This PR is related to issue or discussion:
• Link to documentation pull request:

Checklist

• The code change is tested and works locally.
• There is no commented out code in this PR.
• Tests have been added to verify that the new code works.

If user exposed functionality or configuration variables are added/changed:

• Documentation added/updated for www.home-assistant.io

[wendevlin]

Hello Jan-Phillipp,

Thanks for this nice improvement.

I just found some tiny improvements.

[home-assistant]

Please take a look at the requested changes, and use the Ready for review button when you are done, thanks 👍

Learn more about our pull request process.