From da19a1a9c6e87abe4f7d63ccfa94dd229ae7fc99 Mon Sep 17 00:00:00 2001
From: Paulus Schoutsen <balloob@gmail.com>
Date: Fri, 31 Aug 2018 11:15:06 +0200
Subject: [PATCH] Fix header for glance cards

---
 src/panels/lovelace/cards/hui-glance-card.js | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)

diff --git a/src/panels/lovelace/cards/hui-glance-card.js b/src/panels/lovelace/cards/hui-glance-card.js
index 7af9cb85c5..ce86d15bb0 100644
--- a/src/panels/lovelace/cards/hui-glance-card.js
+++ b/src/panels/lovelace/cards/hui-glance-card.js
@@ -22,17 +22,14 @@ class HuiGlanceCard extends LocalizeMixin(EventsMixin(PolymerElement)) {
   static get template() {
     return html`
       <style>
-        ha-card {
-          padding: 16px;
-        }
-        ha-card[header] {
-          padding-top: 0;
-        }
         .entities {
           display: flex;
-          margin-bottom: -12px;
+          padding: 0 16px 4px;
           flex-wrap: wrap;
         }
+        .entities.no-header {
+          padding-top: 16px;
+        }
         .entity {
           box-sizing: border-box;
           padding: 0 4px;
@@ -55,8 +52,8 @@ class HuiGlanceCard extends LocalizeMixin(EventsMixin(PolymerElement)) {
         }
       </style>
 
-      <ha-card header$="[[_config.title]]">
-        <div class="entities">
+      <ha-card header="[[_config.title]]">
+        <div class$="[[_computeClasses(_config.title)]]">
           <template is="dom-repeat" items="[[_configEntities]]">
             <template is="dom-if" if="[[_showEntity(item, hass.states)]]">
               <div class="entity" on-click="_handleClick">
@@ -96,6 +93,10 @@ class HuiGlanceCard extends LocalizeMixin(EventsMixin(PolymerElement)) {
     this._configEntities = processConfigEntities(config.entities);
   }
 
+  _computeClasses(hasHeader) {
+    return `entities ${hasHeader ? '' : 'no-header'}`;
+  }
+
   _showEntity(item, states) {
     return item.entity in states;
   }