How to create "Empty Row" or more spacing between 2 Buttons

Configuration Frontend
1

Hello together,

i am very new to HomeAssistant but i like a lot.
The last few days i spend some hours to test and try to design my own dashboard.

At this point the following question arise.

I tried to use the grid card with 1 Columns.
Every Row Contains a Button.
-> That works great

What does not work, for better handling on phone i would like to build the following layout
Button
– more space
Button

But i dont know how i can achieve this? The grid does not have an option to increase the spacing between two rows.
Perhaps anybody can give me a hint, what to do

Thx.

2

If you use the custom: button card, there is a blank-card option.
The custom: button card information is here:
Lovelace: Button card - Share your Projects! / Lovelace & Frontend - Home Assistant Community (home-assistant.io)
The blank card option looks like this (in a grid or container):

                    - type: 'custom:button-card'
                      color_type: blank-card

If you want “blanks” at the end of a row, simply specify the grid with as many buttons and blanks you want together as the columns.

1 Like
3

@qoheleth

Thx alot, great suggestion

4

Perfect, thank you