Hi All,
This is driving me nuts…
I have 6x button cards in a grid - Highlighted in RED.
I need to move the 6 buttons down to be in the BLUE area (centered to the thermostat card on its left)
I have tried adding padding, margin etc but I cant seem to get it. I’ve tried to read everything online but to no avail, if anyone has and ideas I would really appreciate it.
title: Kiosk
kiosk_mode:
kiosk: true
admin_settings:
hide_header: true
hide_sidebar: true
mobile_settings:
hide_header: true
hide_sidebar: true
hide_overflow: true
ignore_entity_settings: false
views:
- theme: Backend-selected
title: Home
type: custom:masonry-layout
layout:
width: 500
max_cols: 2
height: 10
badges: []
cards:
- type: vertical-stack
cards:
- type: horizontal-stack
cards:
- type: thermostat
entity: climate.living_room_ac
- type: grid
cards:
- type: custom:button-card
entity: switch.tasmota
aspect_ratio: 1
name: Sonoff SB1
show_state: true
styles:
name:
- justify-self: start
- padding-left: 10px
- font-weight: bold
- font-family: Sans-serif
- font-size: 18px
img_cell:
- justify-content: start
- padding-left: 5px
- padding-top: 0px
- align-items: start
- margin: none
icon:
- width: 60%
state:
- justify-self: start
- font-size: 15px
- padding-left: 10px
- padding-bottom: 10px
- text-transform: capitalize
- font-family: Sans-serif
state:
- value: 'on'
color: white
- value: 'off'
color: rgba(65,65,63,0.9)
styles:
card:
- filter: opacity(50%)
icon:
- filter: grayscale(100%)
- type: custom:button-card
entity: switch.sb2
aspect_ratio: 1
name: Sonoff SB2
show_state: true
styles:
name:
- justify-self: start
- padding-left: 10px
- font-weight: bold
- font-family: Sans-serif
- font-size: 18px
img_cell:
- justify-content: start
- padding-left: 5px
- padding-top: 0px
- align-items: start
- margin: none
icon:
- width: 60%
state:
- justify-self: start
- font-size: 15px
- padding-left: 10px
- padding-bottom: 10px
- text-transform: capitalize
- font-family: Sans-serif
state:
- value: 'on'
color: white
- value: 'off'
color: rgba(65,65,63,0.9)
styles:
card:
- filter: opacity(50%)
icon:
- filter: grayscale(100%)
- type: custom:button-card
entity: switch.sb3
aspect_ratio: 1
name: Sonoff SB3
show_state: true
styles:
name:
- justify-self: start
- padding-left: 10px
- font-weight: bold
- font-family: Sans-serif
- font-size: 18px
img_cell:
- justify-content: start
- padding-left: 5px
- padding-top: 0px
- align-items: start
- margin: none
icon:
- width: 60%
state:
- justify-self: start
- font-size: 15px
- padding-left: 10px
- padding-bottom: 10px
- text-transform: capitalize
- font-family: Sans-serif
state:
- value: 'on'
color: white
- value: 'off'
color: rgba(65,65,63,0.9)
styles:
card:
- filter: opacity(50%)
icon:
- filter: grayscale(100%)
- type: custom:button-card
entity: switch.sb4
aspect_ratio: 1
name: Sonoff SB4
show_state: true
styles:
name:
- justify-self: start
- padding-left: 10px
- font-weight: bold
- font-family: Sans-serif
- font-size: 18px
img_cell:
- justify-content: start
- padding-left: 5px
- padding-top: 0px
- align-items: start
- margin: none
icon:
- width: 60%
state:
- justify-self: start
- font-size: 15px
- padding-left: 10px
- padding-bottom: 10px
- text-transform: capitalize
- font-family: Sans-serif
state:
- value: 'on'
color: white
- value: 'off'
color: rgba(65,65,63,0.9)
styles:
card:
- filter: opacity(50%)
icon:
- filter: grayscale(100%)
- type: custom:button-card
entity: switch.tasmota
aspect_ratio: 1
name: Sonoff SB1
show_state: true
styles:
name:
- justify-self: start
- padding-left: 10px
- font-weight: bold
- font-family: Sans-serif
- font-size: 18px
img_cell:
- justify-content: start
- padding-left: 5px
- padding-top: 0px
- align-items: start
- margin: none
icon:
- width: 60%
state:
- justify-self: start
- font-size: 15px
- padding-left: 10px
- padding-bottom: 10px
- text-transform: capitalize
- font-family: Sans-serif
state:
- value: 'on'
color: white
- value: 'off'
color: rgba(65,65,63,0.9)
styles:
card:
- filter: opacity(50%)
icon:
- filter: grayscale(100%)
- type: custom:button-card
entity: switch.tasmota
aspect_ratio: 1
name: Sonoff SB1
show_state: true
styles:
name:
- justify-self: start
- padding-left: 10px
- font-weight: bold
- font-family: Sans-serif
- font-size: 18px
img_cell:
- justify-content: start
- padding-left: 5px
- padding-top: 0px
- align-items: start
- margin: none
icon:
- width: 60%
state:
- justify-self: start
- font-size: 15px
- padding-left: 10px
- padding-bottom: 10px
- text-transform: capitalize
- font-family: Sans-serif
state:
- value: 'on'
color: white
- value: 'off'
color: rgba(65,65,63,0.9)
styles:
card:
- filter: opacity(50%)
icon:
- filter: grayscale(100%)
name: Sonoff SB1123
- type: custom:mini-media-player
entity: media_player.bedroom
group: false
volume_stateless: false
toggle_power: true
- type: entities
entities:
- type: weblink
url: http://10.0.0.240:8080/habpanel/index.html#/
name: Open HAB