The Lovelace Heading Card is ideal for providing a one line summary of key information for my rooms. The only problem is that the entity badge icon and font sizes are too small, particularly on a mobile device screen.
I’ve spent quite a bit of time trying to modify the card appearance (using information gleaned from this forum and elsewhere) but have been unable to adjust the sizes successfully.
I have experimented with card mod, a custom css style sheet and a custom theme. I managed to successfully adjust the entity state font size by specifying a new value for the ha-heading-badge-font-size variable, but changing mdc-icon-size just changes all the HA system icons (but not the Heading Card badge icon size that I want to target).
I’m not very familiar with current CSS and DOM architecture, but it appears this may be because the mdc-icon-size is overridden for the Heading Card badge at a shadow level and have been unable to work out what identifier to use to target it (or whether it is even possible to override this shadow value).
Can anyone suggest where I am going wrong, and the correct way to change these sizes, please?