size of group buttons | how to change?

[Symbiot78]

Hi

i have a layout-card with speaker & group.

i want to change the size of the 'button's for the group card, so I can do 25% 75% for the 2 cards.
But I am missing something and it doesn't look good.

can someone give me a hint.. I've tried the widthPercentage but it seems to only change the size of the card.. not the buttons? also.. when going to like widthPercentage: 10 it doesn't really get smaller from the 40 I'd set it to.

idea's ?

[punxaphil]

That is not supported, but you can always give card_mod a try.

type: custom:sonos-card
card_mod:
  style:
    .: |
    sonos-player$ sonos-player-controls$: |
      ha-icon-button {
        --mdc-icon-button-size: 1.5rem !important;
        --mdc-icon-size: 1.5rem !important;
      }

[Symbiot78]

Just for my understanding. What you've suggested above @johanfrick - this is just an example right?

sonos-player$ sonos-player-controls$ isn't the group player selector right?
( I tried.. it didn't work)

[punxaphil]

Sorry, I misread your text there. Something like this?

    sonos-groups$: |
      mwc-list {
        width: 10rem;
      }

[Symbiot78]

@johanfrick - you sir are a star!
i hate that I cannot figure out how to find those css attributes and how to use them :(
I've scoured developer tools and only found sonos-groups & sonos-group .. but nothing with mwc-list..
nor how you know that it's not sonos groups$ sonos-group$ ..

thank you.

[punxaphil]

Happy it worked!