From 5a957c3c9ed36a3ef07294c4f171b5e1f5b78836 Mon Sep 17 00:00:00 2001 From: shbatm Date: Fri, 18 Oct 2019 15:58:25 -0500 Subject: [PATCH] Add width property to light card to fix #3964 (#3972) * Add width property to light card to fix #3964 * Update Light Card Name CSS * Update css per review --- src/panels/lovelace/cards/hui-light-card.ts | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/src/panels/lovelace/cards/hui-light-card.ts b/src/panels/lovelace/cards/hui-light-card.ts index 701c046e95..b93274b2a2 100644 --- a/src/panels/lovelace/cards/hui-light-card.ts +++ b/src/panels/lovelace/cards/hui-light-card.ts @@ -212,10 +212,12 @@ export class HuiLightCard extends LitElement implements LovelaceCard { .name { position: absolute; - top: 160px; - left: 50%; - transform: translate(-50%); font-size: var(--name-font-size); + bottom: 16px; + box-sizing: border-box; + text-align: center; + width: 100%; + padding: 0 16px; } .brightness {