I am close to a custom lovelace that i’m happy with - i’d like some help with spacing. I want a gap between vertical stacks to reduce clutter. Any idea how i can achieve what im hoping to do? See attached screenshot.
code for left stack is below:
type: vertical-stack
cards:
- type: custom:button-text-card
title: Master Bedroom
icon: phu:rooms-bedroom
- type: custom:gap-card
- type: grid
cards:
- type: custom:button-card
tap_action:
action: toggle
entity: light.master_bedroom
icon: phu:shade-rchiileea-v1
show_state: true
theme: kibibit
- type: custom:button-card
tap_action:
action: toggle
entity: light.reading_light_1
name: Reading - James
theme: kibibit
icon: phu:bulbs-filament
show_state: true
- type: custom:button-card
tap_action:
action: toggle
entity: light.reading_light_2
name: Reading - Kate
icon: phu:bulbs-filament
theme: kibibit
show_state: true
- type: custom:gap-card
height: 50
- type: custom:button-text-card
title: Bedroom 2
icon: mdi:bed-queen
- type: custom:gap-card
height: 50
- type: grid
square: true
cards:
- type: custom:button-card
tap_action:
action: toggle
entity: light.bedroom_2
icon: mdi:ceiling-light
theme: kibibit
show_state: true
- type: custom:button-card
tap_action:
action: toggle
entity: switch.bedroom_lamp
show_state: true
icon: phu:table-shade
theme: kibibit
columns: 2