From cd9d52caec3417e6e8d8affd8dc047a65f616657 Mon Sep 17 00:00:00 2001
From: Andrey <andrey-git@users.noreply.github.com>
Date: Fri, 24 Mar 2017 09:44:08 +0300
Subject: [PATCH] Allow badge size control via variables. (#246)

---
 src/components/ha-label-badge.html | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/ha-label-badge.html b/src/components/ha-label-badge.html
index 06d3b8c1de..7fd428d9da 100644
--- a/src/components/ha-label-badge.html
+++ b/src/components/ha-label-badge.html
@@ -14,11 +14,11 @@
       position: relative;
       display: block;
       margin: 0 auto;
-      width: 2.5em;
+      width: var(--ha-label-badge-size, 2.5em);
       text-align: center;
-      height: 2.5em;
-      line-height: 2.5em;
-      font-size: 1.5em;
+      height: var(--ha-label-badge-size, 2.5em);
+      line-height: var(--ha-label-badge-size, 2.5em);
+      font-size: var(--ha-label-badge-font-size, 1.5em);
       border-radius: 50%;
       border: 0.1em solid var(--ha-label-badge-color, --default-primary-color);
       color: rgb(76, 76, 76);
@@ -85,7 +85,7 @@
         </div>
         <div class='label' hidden$='[[!label]]'><span>[[label]]</span></div>
       </div>
-      <div class='title'>[[description]]</div>
+      <div class='title' hidden$='[[!description]]'>[[description]]</div>
     </div>
   </template>
 </dom-module>