Add support/fix? for card-mod

Describe the solution you’d like

Picture elements does not support customizing padding in style, for that you need to use card-mod But it seems this card does not support card-mod yet or it does not work as suppose to.

NOTE: card-mod only works on cards that contain a ha-card element. This includes almost every card which can be seen, but not e.g. conditional, entity_filter, vertical-stack, horizontal-stack, grid.

I put this configuration at the bottom of frigate-hass-card for testing purposes:

card_mod:
  style: |
    ha-card {
      color: red;
    }

As we see in image below, this card has <ha-card> element, but card-mod styles does not inject declared styles. There is card-mod element, but style is empty(filled with <!---->)

And this image below shows how it looks when it’s injected in Picture Elements card

Current situation:

What’s my goal with 0px padding:

Maybe there is easier way to do this that I can’t think of now?

[peledzius]

@dermotduffy Thank you so much for this, works flawlessly!

[dermotduffy]

@peledzius Your usecase is now an example in the docs: https://github.com/dermotduffy/frigate-hass-card#using-card-mod-to-style-the-card