Hello everyone,
i hope you are fine.
Maybe someone can help me here.
I have had made some changes with the card mod to my dashboard.
Now i have some “unnecessary” free space left, please see the pictures.
Is there a way to remove that space.

Below is the configuration.
I just want to make it smaller, so there is more space on the dashboard.
square: false
columns: 1
type: grid
cards:
- type: custom:mushroom-title-card
title: '------ Szenen ------'
alignment: center
card_mod:
style: |
ha-card {
--primary-text-color: #0174BE ;
--title-font-size: 15px !important;
--subtitle-font-size: 10px !important;
}
- type: custom:mushroom-entity-card
entity: scene.alles_aus_nachtruhe
layout: horizontal
fill_container: false
secondary_info: none
icon: ''
hold_action:
action: none
double_tap_action:
action: none
tap_action:
action: toggle
card_mod:
style:
mushroom-shape-icon$: |
.shape {
--shape-color: #f2f3f3 !important;
}
.: |
ha-card {
height: 50px !important;
width: 180px;
}
ha-state-icon {
color: #bcbcbd;
- type: custom:mushroom-entity-card
entity: scene.sonniger_tag_abwesend
tap_action:
action: toggle
hold_action:
action: none
double_tap_action:
action: none
secondary_info: none
name: Sonniver Tag
card_mod:
style:
mushroom-shape-icon$: |
.shape {
--shape-color: #f2f3f3 !important;
}
.: |
ha-card {
height: 50px !important;
width: 180px;
}
ha-state-icon {
color: #bcbcbd;
- type: custom:mushroom-entity-card
entity: scene.ambiente_modus_tv
tap_action:
action: toggle
hold_action:
action: none
double_tap_action:
action: none
secondary_info: none
name: TV-Ambiente
card_mod:
style:
mushroom-shape-icon$: |
.shape {
--shape-color: #f2f3f3 !important;
}
.: |
ha-card {
height: 50px !important;
width: 180px;
}
ha-state-icon {
color: #bcbcbd;
- type: custom:mushroom-entity-card
entity: input_button.button_rollo_wohnzimmer_fenster_tv
tap_action:
action: toggle
hold_action:
action: none
double_tap_action:
action: none
secondary_info: none
name: Rollo - TV
card_mod:
style:
mushroom-shape-icon$: |
.shape {
--shape-color: #f2f3f3 !important;
}
.: |
ha-card {
height: 50px !important;
width: 180px;
}
ha-state-icon {
color: #bcbcbd;
- type: custom:mushroom-entity-card
entity: input_button.button_rollos_haus_hoch
name: Alle Rollos Hoch
icon: mdi:sun-angle-outline
tap_action:
action: toggle
hold_action:
action: none
double_tap_action:
action: none
card_mod:
style:
mushroom-shape-icon$: |
.shape {
--shape-color: #f2f3f3 !important;
}
.: |
ha-card {
height: 50px !important;
width: 180px;
}
ha-state-icon {
color: #bcbcbd;