Hi, is it possible to get sort of “gapless” tiles? So that I can get the inline functionality of Tiles, but with elegance of the classic Entities panel?
As of now, the gaps between the tiles are inelegant and take up more space. Having two on each line doesn’t work as that moves the brightness slider on a separate line.
This is not a dig against Tiles, I use them a lot, but this arrangement is not optimal.
Any tips? Thanks!
I get good results with the custom vertical stack-in card.
Alternatively, you can use a theme which makes the card background transparent.
card-background-color: rgba(0,0,0,0)
ha-card-border-color: rgba(0,0,0,0)
ha-card-border-radius: "0px"
ha-card-border-width: "0px"
Great suggestions, thanks!
Yep, the Vertical Stack-in card is exactly what I wanted, thanks!
Excuse my nitpicking but I’d love the icons to be a little more padded from the left (farther from the edge). I mean the entity icons in the Tiles. I would need something like Card mod, right? After five years of being used to the usual Entities panel, I want to get is as close as possible while keeping the Tiles functionality.
Yes Card Mod would be required.
An example…
features:
- type: light-brightness
type: tile
entity: light.night_stand
vertical: false
hide_state: false
features_position: inline
card_mod:
style: |
.content{
left: 50px;
}
Fantastic, thank you!
Too bad the slider apparently can’t be offset from the right. But better than nothing 
It can be offset
How? Adding “right: 50px” didn’t do anything, it only worked from left, top and bottom.
card_mod:
style:
hui-card-features $:
hui-card-feature $:
hui-light-brightness-card-feature $:
ha-control-slider$: |
.slider {
right: 30px !important;
}
