lovelace-canary
lovelace-canary copied to clipboard
Vertical stack with horizontal-stacks
The image below shows a vertical stack containing 8 horizontal stacks of buttons and 2 custom:bar-cards.

When I add:
in_card: true
I get:

It seems that horizontal-stack is messing up the vertical spacing.
I got a similar problem but without horizontal-stack. In my case it's several vertical-stack inside a vertical-stack using "the in-card: true":
- type: vertical-stack
in_card: true
cards:
- type: vertical-stack
cards:
....
- type: vertical-stack
cards:
....
- type: vertical-stack
cards:
....
Without in-card option, spaces are perfect:

Whit in-card option, there is overlapping:

So it seems that the vertical spacing is messed up when we use several level of vertical-stack or horizontal-stack with in-card option set to the top level.