From eaf7e29b8abc73ef2dba14b051d9efb9b632bda4 Mon Sep 17 00:00:00 2001
From: Paul Bottein <paul.bottein@gmail.com>
Date: Fri, 24 Nov 2023 16:27:01 +0100
Subject: [PATCH] Fix thermostat humidifier card size (#18749)

---
 src/panels/lovelace/cards/hui-humidifier-card.ts         | 7 +------
 src/panels/lovelace/cards/hui-thermostat-card.ts         | 7 +------
 src/state-control/state-control-circular-slider-style.ts | 6 ++++++
 3 files changed, 8 insertions(+), 12 deletions(-)

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%;