dashboards: fix wallpanel screensaver now playing layout #4

Merged

jmaroeder merged 1 commit from jmaroeder/wallpanel-nowplaying-layout-fixes into main

2026-05-28 15:50:50 +00:00

jmaroeder commented

2026-05-28 01:29:09 +00:00

Owner

Three layout fixes for the wallpanel screensaver now-playing view:

Full width: Added margin: 0 !important to the mini-media-player ha-card and zeroed out margin/padding on wallpanel-screensaver-info-box-content so the album art spans the full viewport width
Remove gradient: Removed the linear-gradient background from wallpanel-screensaver-info-box that was overlaying the bottom of the album art
Tighten text spacing: Increased negative margin-top on the markdown card from -1em to -2em and added .card-content { padding-top: 0 } to pull the title/artist/album text closer to the artwork

Three layout fixes for the wallpanel screensaver now-playing view: - **Full width**: Added `margin: 0 !important` to the mini-media-player ha-card and zeroed out `margin`/`padding` on `wallpanel-screensaver-info-box-content` so the album art spans the full viewport width - **Remove gradient**: Removed the `linear-gradient` background from `wallpanel-screensaver-info-box` that was overlaying the bottom of the album art - **Tighten text spacing**: Increased negative `margin-top` on the markdown card from `-1em` to `-2em` and added `.card-content { padding-top: 0 }` to pull the title/artist/album text closer to the artwork

jmaroeder added 1 commit

2026-05-28 01:29:09 +00:00

dashboards: fix wallpanel screensaver layout issues

Deploy to Home Assistant / deploy (push) Successful in 16s

Details

db2d690de3

- Remove gradient overlay from info box background
- Zero out info-box-content margin/padding to fix card width
- Increase negative margin-top and zero card-content padding-top on text card