diff --git a/src/panels/lovelace/cards/hui-humidifier-card.ts b/src/panels/lovelace/cards/hui-humidifier-card.ts index c02f572ac8d4..5c756be59958 100644 --- a/src/panels/lovelace/cards/hui-humidifier-card.ts +++ b/src/panels/lovelace/cards/hui-humidifier-card.ts @@ -154,11 +154,6 @@ export class HuiHumidifierCard extends LitElement implements LovelaceCard { static get styles(): CSSResultGroup { return css` - :host { - display: block; - height: 100%; - } - ha-card { height: 100%; position: relative; @@ -167,7 +162,7 @@ export class HuiHumidifierCard extends LitElement implements LovelaceCard { display: flex; flex-direction: column; align-items: center; - justify-content: center; + justify-content: space-between; } .title { diff --git a/src/panels/lovelace/cards/hui-thermostat-card.ts b/src/panels/lovelace/cards/hui-thermostat-card.ts index 2ec127cadc9b..5779189795ba 100644 --- a/src/panels/lovelace/cards/hui-thermostat-card.ts +++ b/src/panels/lovelace/cards/hui-thermostat-card.ts @@ -146,11 +146,6 @@ export class HuiThermostatCard extends LitElement implements LovelaceCard { static get styles(): CSSResultGroup { return css` - :host { - display: block; - height: 100%; - } - ha-card { height: 100%; position: relative; @@ -159,7 +154,7 @@ export class HuiThermostatCard extends LitElement implements LovelaceCard { display: flex; flex-direction: column; align-items: center; - justify-content: center; + justify-content: space-between; } .title { diff --git a/src/state-control/state-control-circular-slider-style.ts b/src/state-control/state-control-circular-slider-style.ts index fe43921af4c3..71bb4a89cffd 100644 --- a/src/state-control/state-control-circular-slider-style.ts +++ b/src/state-control/state-control-circular-slider-style.ts @@ -99,6 +99,12 @@ export const stateControlCircularSliderStyle = css` } } + @container container (max-width: 130px) { + .label { + display: none; + } + } + /* Slider */ ha-control-circular-slider { width: 100%;