Column width/Card length

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:

  1. Make an option to change the width of a vertical-stack width.
  2. 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
1 Like

Maybe with this you can change card height for cards on the sides:

but sometimes it is not simple

Thanks. This looks a bit above my pay grade though. It may be able to do what I want but was hoping for a simpler solution.

1 Like