Ability to align icon along either side of name/label/state

[jarrah31]

Taking your “TEST LIGHT” example, I attempted to align the icon to the left of the text so that it wasn’t just stuck on top as seen below, (changing all justify-self to end) and using layout: icon_state_name2nd. It didn’t quite have the desired outcome though:

Preferably though, would it be possible to have a new layout option so that the icon can be to the right of the text please? It would be nice to fit the icon in that handy space on the right (or left as above), as seen using my mockup below:

Thanks!

[RomRider]

With the custom layout options which will be in the next release, you'll be able to do this (and a lot more):

- type: "custom:button-card"
  entity: sensor.sensor1
  layout: icon_state_name2nd
  show_state: true
  show_name: true
  show_label: true
  label: label
  styles:
    grid:
      - grid-template-areas: '"n i" "s i" "l i"'
      - grid-template-columns: 1fr 40%