I have a few Android tablets around the house with the following interface:
I like the way it looks but I just can’t find a way to make the cards line up at the bottom. There are two ways in which I thought this could best be done:
- Make an option to change the width of a vertical-stack width.
- Make it possible to change the width/dimensions of a card.
I know they are designed to make views look as good as possible across multiple devices. I’m not sure if I am in the minority but I make views specific to devices so this doesn’t really help me.
My view config looks as follows:
- badges: []
cards:
- type: horizontal-stack
cards:
- type: vertical-stack
cards:
- entities:
- entity: scene.morning
icon: 'mdi:weather-sunset-up'
name: Morning
tap_action:
action: call-service
service: scene.turn_on
service_data:
entity_id: scene.morning
- entity: scene.day
icon: 'mdi:weather-sunny'
name: Day
tap_action:
action: call-service
service: scene.turn_on
service_data:
entity_id: scene.day
- entity: scene.evening
icon: 'mdi:weather-sunset-down'
name: Evening
tap_action:
action: call-service
service: scene.turn_on
service_data:
entity_id: scene.evening
- entity: scene.sleep
icon: 'mdi:weather-night'
name: Sleep
tap_action:
action: call-service
service: scene.turn_on
service_data:
entity_id: scene.sleep
show_state: false
title: Scenes
type: glance
- entity: weather.home
type: weather-forecast
- type: vertical-stack
cards:
- elements:
- entity: light.living_room_floor_lamp
style:
left: 90%
top: 25%
tap_action:
action: toggle
type: state-icon
- entity: light.living_room_table_lamp
style:
left: 47%
top: 42%
tap_action:
action: toggle
type: state-icon
- entity: light.living_room_colour_strip
style:
left: 76%
top: 12%
tap_action:
action: toggle
type: state-icon
- entity: light.bedroom_colour_strip
style:
left: 30%
top: 78%
tap_action:
action: toggle
type: state-icon
- entity: light.bedroom_colour_strip
style:
left: 28%
top: 90%
tap_action:
action: toggle
type: state-icon
- entity: light.passage
style:
left: 48%
top: 65%
tap_action:
action: toggle
type: state-icon
image: '-------censored-------'
type: picture-elements
- type: glance
show_name: true
show_icon: false
entities:
- sensor.electronic_arts_inc
- type: vertical-stack
cards:
- type: custom:mini-media-player
entity: media_player.spotify
artwork: full-cover
hide:
power: true
- entities:
- light.living_room
- light.bedroom
- light.passage
type: entities
icon: 'mdi:tablet'
panel: true
theme: Backend-selected
title: Tablet