Combine mushroom light and entities card into one

Configuration Frontend
1

Hi,

What is the best way to combine an entities card and mushroom light card – I just want a couple things on the dashboard to neaten things up:

type: custom:mushroom-light-card
entity: light.living_room_lights
show_brightness_control: true
primary_info: name
collapsible_controls: true
show_color_control: false
use_light_color: false
layout: horizontal
fill_container: true
icon: mdi:light-recessed
icon_color: yellow


type: entities
entities:
  - entity: switch.front_entry_way_front_door_lights
    icon: mdi:outdoor-lamp
state_color: true

I played with vertical stack in card using code someone graciously gave me on forums and while I thought I got close it still looked like two separate cards

2

not sure what else you can do apart from something like this, remove the entity icon swap the toggle to neaten it up a little

  type: custom:stack-in-card
  cards:
    - type: vertical-stack
      cards:
        - type: custom:mushroom-light-card
          card_mod:
            style: |
              ha-card {
                border: none ;
              }
          entity: light.bar_2
          show_brightness_control: true
          primary_info: name
          collapsible_controls: true
          show_color_control: false
          use_light_color: false
          layout: horizontal
          fill_container: true
          icon: mdi:light-recessed
          icon_color: yellow
        - type: entities
          card_mod:
            style: |
              ha-card {
                border: none ;
                margin: -20px 0px 0px 0px ;
              }   
          entities:
            - entity: switch.bridge_light
              card_mod:
                style:
                  hui-generic-entity-row $: |
                    state-badge {
                      display: none;
                    }
                  .: |
                    hui-generic-entity-row {
                      flex-direction: row-reverse !important;
                    }
              icon: mdi:outdoor-lamp
          state_color: true
3

works perfectly – only thing I am noticing and its not a big deal deal is the icon is not set to mdi:outdoor-lamp. Beyond that it looks good. thank you.

4

you can remove the part in card mod that hides the icon so your left with just this.

card_mod:
              style: |
                hui-generic-entity-row  {
                    flex-direction: row-reverse !important;
                }

or remove it altogether.