diff --git a/src/panels/lovelace/cards/energy/hui-energy-carbon-consumed-gauge-card.ts b/src/panels/lovelace/cards/energy/hui-energy-carbon-consumed-gauge-card.ts index 2752e867dc..bd8e13afce 100644 --- a/src/panels/lovelace/cards/energy/hui-energy-carbon-consumed-gauge-card.ts +++ b/src/panels/lovelace/cards/energy/hui-energy-carbon-consumed-gauge-card.ts @@ -126,8 +126,10 @@ class HuiEnergyCarbonGaugeCard - This card represents how much of the energy consumed by your home was - generated using non-fossil fuels like solar, wind and nuclear. + + This card represents how much of the energy consumed by your home + was generated using non-fossil fuels like solar, wind and nuclear. + ${value !== undefined @@ -194,10 +196,14 @@ class HuiEnergyCarbonGaugeCard top: 4px; color: var(--secondary-text-color); } + paper-tooltip > span { + font-size: 12px; + line-height: 12px; + } paper-tooltip { width: 80%; max-width: 250px; - margin-top: 10%; + top: 8px !important; } `; } diff --git a/src/panels/lovelace/cards/energy/hui-energy-grid-neutrality-gauge-card.ts b/src/panels/lovelace/cards/energy/hui-energy-grid-neutrality-gauge-card.ts index 00609e178b..6266313366 100644 --- a/src/panels/lovelace/cards/energy/hui-energy-grid-neutrality-gauge-card.ts +++ b/src/panels/lovelace/cards/energy/hui-energy-grid-neutrality-gauge-card.ts @@ -98,11 +98,13 @@ class HuiEnergyGridGaugeCard - This card represents your energy dependency. -

- If it's green, it means you produced more energy than that you - consumed from the grid. If it's in the red, it means that you relied - on the grid for part of your home's energy consumption. + + This card represents your energy dependency. +

+ If it's green, it means you produced more energy than that you + consumed from the grid. If it's in the red, it means that you relied + on the grid for part of your home's energy consumption. +
${value !== undefined ? html` span { + font-size: 12px; + line-height: 12px; + } paper-tooltip { width: 80%; max-width: 250px; - margin-top: 10%; + top: 8px !important; } `; } diff --git a/src/panels/lovelace/cards/energy/hui-energy-solar-consumed-gauge-card.ts b/src/panels/lovelace/cards/energy/hui-energy-solar-consumed-gauge-card.ts index dbb537aad3..1a0cbaed2b 100644 --- a/src/panels/lovelace/cards/energy/hui-energy-solar-consumed-gauge-card.ts +++ b/src/panels/lovelace/cards/energy/hui-energy-solar-consumed-gauge-card.ts @@ -88,11 +88,14 @@ class HuiEnergySolarGaugeCard - This card represents how much of the solar energy was used by your - home and was not returned to the grid. -

- If you frequently produce more than you consume, try to conserve this - energy by installing a battery or buying an electric car to charge. + + This card represents how much of the solar energy was used by your + home and was not returned to the grid. +

+ If you frequently produce more than you consume, try to conserve + this energy by installing a battery or buying an electric car to + charge. +
${value !== undefined ? html` span { + font-size: 12px; + line-height: 12px; + } paper-tooltip { width: 80%; max-width: 250px; - margin-top: 10%; + top: 8px !important; } `; }