From 3b1b2b95e7749c52daff32146842c005ac824494 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Thomas=20Lov=C3=A9n?= <thomasloven@gmail.com>
Date: Mon, 22 Oct 2018 20:10:48 +0200
Subject: [PATCH] Add option to pick number of columns for glance card (#1832)

---
 src/panels/lovelace/cards/hui-glance-card.ts | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/panels/lovelace/cards/hui-glance-card.ts b/src/panels/lovelace/cards/hui-glance-card.ts
index bbab0cc6f0..808401914c 100644
--- a/src/panels/lovelace/cards/hui-glance-card.ts
+++ b/src/panels/lovelace/cards/hui-glance-card.ts
@@ -32,6 +32,7 @@ interface Config extends LovelaceConfig {
   title?: string;
   theme?: string;
   entities: EntityConfig[];
+  columns?: number;
 }
 
 export class HuiGlanceCard extends HassLocalizeLitMixin(LitElement)
@@ -63,10 +64,8 @@ export class HuiGlanceCard extends HassLocalizeLitMixin(LitElement)
       }
     }
 
-    const columnWidth =
-      config.entities.length > 4 ? "20%" : `${100 / config.entities.length}%`;
-
-    this.style.setProperty("--glance-column-width", columnWidth);
+    const columns = config.columns || Math.min(config.entities.length, 5);
+    this.style.setProperty("--glance-column-width", `${100 / columns}%`);
 
     this.configEntities = entities;