Upcoming media card CSS config

[Cassock]

Hey Luke! Thanks for sharing your config. I'm up and running with 1 exception - my upcoming media card has titles overlapping and falling off the screen, kinda like this:

Since there isn't much configured in the card, it feels like there is some CSS that's not being applied, possibly some of these entries:
https://github.com/lukevink/hass-config-lajv/blob/master/ui-lovelace.yaml#L4686
Any advice? Thanks!

[lukevink]

Tricky to help without seeing your styles - but yes I'm applying some ridiculous hacky looking custom CSS to the upcoming media card. It involves hiding all the labels and adjusting the width of each poster so its full width, etc etc:

hass-config-lajv/ui-lovelace.yaml

Line 2638 in cc43537

style: |

There are now two versions of the CSS. One is as you show above, the other is just filling the whole screen with upcoming media (for when nothing at all is playing but my projector is on).

If you right click on a poster in your browser, then inspect, you can see if your styles are applying at all. If they arent applying I assume there's something wrong with your yaml. Feel free to share here and I can take a look!