2 questions
- I want the green item a little more to the right
- Why are the numbers not on the same height ?
- type: horizontal-stack
cards:
- type: custom:mushroom-template-card
primary: Filterdagen
icon: mdi:air-filter
icon_color: "#8A9977"
card_mod:
style:
.: |
ha-card {
width: 180px;
}
- type: custom:mushroom-template-card
primary: "{{ states('sensor.zehnder_comfoair_q_filter_replacement_remaining_days') }} "
card_mod:
style:
mushroom-state-info$:
|
.container {
margin-left: 50px;
}
card_mod:
style:
mushroom-state-info$:
|
.container {
margin-left: 20px;
}
- type: horizontal-stack
cards:
- type: custom:mushroom-template-card
primary: Verbruik
icon: mdi:flash-triangle-outline
icon_color: "#8A9977"
card_mod:
style:
.: |
ha-card {
width: 180px;
}
- type: custom:mushroom-template-card
primary: "{{ states('sensor.zehnder_comfoair_q_power') }} W"
card_mod:
style:
mushroom-state-info$:
|
.container {
margin-left: 50px;
}
card_mod:
style:
mushroom-state-info$:
|
.container {
margin-left: 20px;
}
solution:
- type: horizontal-stack
cards:
- type: custom:mushroom-template-card
primary: Verbruik
icon: mdi:flash-triangle-outline
icon_color: "#8A9977"
card_mod:
style:
.: |
ha-card {
width: 180px;
padding-left: 20px;
}
- type: custom:mushroom-template-card
primary: "{{ states('sensor.zehnder_comfoair_q_power') }} W"
card_mod:
style:
mushroom-state-info$:
|
.container {
margin-left: 50px;
}
.: |
ha-card {
margin-top: 8px;
}