From dd9a9b34d162b0c7ec2c37b1f459f5490389322a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Joakim=20S=C3=B8rensen?= <joasoe@gmail.com>
Date: Mon, 30 Aug 2021 18:08:48 +0200
Subject: [PATCH] Fix width when there is no data in energy cards (#9888)

* Fix width when there is no data in energy cards

* right: 0;
---
 src/panels/lovelace/cards/energy/hui-energy-gas-graph-card.ts   | 2 +-
 src/panels/lovelace/cards/energy/hui-energy-solar-graph-card.ts | 2 +-
 src/panels/lovelace/cards/energy/hui-energy-usage-graph-card.ts | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/panels/lovelace/cards/energy/hui-energy-gas-graph-card.ts b/src/panels/lovelace/cards/energy/hui-energy-gas-graph-card.ts
index 94fd3e84c5..306b5c89fa 100644
--- a/src/panels/lovelace/cards/energy/hui-energy-gas-graph-card.ts
+++ b/src/panels/lovelace/cards/energy/hui-energy-gas-graph-card.ts
@@ -321,10 +321,10 @@ export class HuiEnergyGasGraphCard
       }
       .no-data {
         position: absolute;
-        width: 100%;
         height: 100%;
         top: 0;
         left: 0;
+        right: 0;
         display: flex;
         justify-content: center;
         align-items: center;
diff --git a/src/panels/lovelace/cards/energy/hui-energy-solar-graph-card.ts b/src/panels/lovelace/cards/energy/hui-energy-solar-graph-card.ts
index 69476924fd..965b1db4c0 100644
--- a/src/panels/lovelace/cards/energy/hui-energy-solar-graph-card.ts
+++ b/src/panels/lovelace/cards/energy/hui-energy-solar-graph-card.ts
@@ -402,10 +402,10 @@ export class HuiEnergySolarGraphCard
       }
       .no-data {
         position: absolute;
-        width: 100%;
         height: 100%;
         top: 0;
         left: 0;
+        right: 0;
         display: flex;
         justify-content: center;
         align-items: center;
diff --git a/src/panels/lovelace/cards/energy/hui-energy-usage-graph-card.ts b/src/panels/lovelace/cards/energy/hui-energy-usage-graph-card.ts
index fc00fb7460..354e14c993 100644
--- a/src/panels/lovelace/cards/energy/hui-energy-usage-graph-card.ts
+++ b/src/panels/lovelace/cards/energy/hui-energy-usage-graph-card.ts
@@ -557,10 +557,10 @@ export class HuiEnergyUsageGraphCard
       }
       .no-data {
         position: absolute;
-        width: 100%;
         height: 100%;
         top: 0;
         left: 0;
+        right: 0;
         display: flex;
         justify-content: center;
         align-items: center;