From 2a596666c8507b0ec415893b996dd8dd81a47d68 Mon Sep 17 00:00:00 2001
From: Ian Richardson <iantrich@gmail.com>
Date: Wed, 4 Sep 2019 14:57:07 -0500
Subject: [PATCH] Move light brightness below icon (#3607)

* Move light brightness below icon

Closes https://github.com/home-assistant/home-assistant-polymer/issues/3606

* remove border and white text coloring
---
 src/panels/lovelace/cards/hui-light-card.ts | 7 +------
 1 file changed, 1 insertion(+), 6 deletions(-)

diff --git a/src/panels/lovelace/cards/hui-light-card.ts b/src/panels/lovelace/cards/hui-light-card.ts
index a27c7709d8..7f596209f8 100644
--- a/src/panels/lovelace/cards/hui-light-card.ts
+++ b/src/panels/lovelace/cards/hui-light-card.ts
@@ -195,9 +195,6 @@ export class HuiLightCard extends LitElement implements LovelaceCard {
         ha-card {
           position: relative;
           overflow: hidden;
-          --brightness-font-color: white;
-          --brightness-font-text-shadow: -1px -1px 0 #000, 1px -1px 0 #000,
-            -1px 1px 0 #000, 1px 1px 0 #000;
           --name-font-size: 1.2rem;
           --brightness-font-size: 1.2rem;
           --rail-border-color: transparent;
@@ -290,15 +287,13 @@ export class HuiLightCard extends LitElement implements LovelaceCard {
           position: absolute;
           margin: 0 auto;
           left: 50%;
-          top: 10%;
+          top: 50%;
           transform: translate(-50%);
           opacity: 0;
           transition: opacity 0.5s ease-in-out;
           -moz-transition: opacity 0.5s ease-in-out;
           -webkit-transition: opacity 0.5s ease-in-out;
           cursor: pointer;
-          color: var(--brightness-font-color);
-          text-shadow: var(--brightness-font-text-shadow);
           pointer-events: none;
         }