From b26e4a6b3ac2e32a64a8b035230eda761b407cbf Mon Sep 17 00:00:00 2001
From: BizzySleepin <bryanrstewart@outlook.com>
Date: Wed, 5 Apr 2023 12:13:42 -0700
Subject: [PATCH 1/7] create spacer chip

---
 src/cards/chips-card/chips-card-editor.ts     |  6 ++
 src/cards/chips-card/chips/index.ts           |  1 +
 .../chips-card/chips/spacer-chip-editor.ts    | 55 +++++++++++++++++++
 src/cards/chips-card/chips/spacer-chip.ts     | 50 +++++++++++++++++
 src/translations/en.json                      |  1 +
 src/utils/lovelace/chip/types.ts              |  8 ++-
 6 files changed, 120 insertions(+), 1 deletion(-)
 create mode 100644 src/cards/chips-card/chips/spacer-chip-editor.ts
 create mode 100644 src/cards/chips-card/chips/spacer-chip.ts

diff --git a/src/cards/chips-card/chips-card-editor.ts b/src/cards/chips-card/chips-card-editor.ts
index 6463b95bb..ea8790a0a 100644
--- a/src/cards/chips-card/chips-card-editor.ts
+++ b/src/cards/chips-card/chips-card-editor.ts
@@ -111,6 +111,10 @@ const templateChipConfigStruct = object({
     entity_id: optional(union([string(), array(string())])),
 });
 
+const spacerChipConfigStruct = object({
+    type: literal("spacer"),
+});
+
 const chipsConfigStruct = dynamic<any>((value) => {
     if (value && typeof value === "object" && "type" in value) {
         switch ((value as LovelaceChipConfig).type!) {
@@ -130,6 +134,8 @@ const chipsConfigStruct = dynamic<any>((value) => {
                 return lightChipConfigStruct;
             case "template":
                 return templateChipConfigStruct;
+            case "spacer":
+                return spacerChipConfigStruct;
         }
     }
     return object();
diff --git a/src/cards/chips-card/chips/index.ts b/src/cards/chips-card/chips/index.ts
index 69a4e257f..9bedc0ac3 100644
--- a/src/cards/chips-card/chips/index.ts
+++ b/src/cards/chips-card/chips/index.ts
@@ -7,3 +7,4 @@ export { TemplateChip } from "./template-chip";
 export { ConditionalChip } from "./conditional-chip";
 export { LightChip } from "./light-chip";
 export { AlarmControlPanelChip } from "./alarm-control-panel-chip";
+export { SpacerChip } from "./spacer-chip";
diff --git a/src/cards/chips-card/chips/spacer-chip-editor.ts b/src/cards/chips-card/chips/spacer-chip-editor.ts
new file mode 100644
index 000000000..2b565fa81
--- /dev/null
+++ b/src/cards/chips-card/chips/spacer-chip-editor.ts
@@ -0,0 +1,55 @@
+import { html, LitElement, TemplateResult } from "lit";
+import { customElement, property, state } from "lit/decorators.js";
+import memoizeOne from "memoize-one";
+import { fireEvent, HomeAssistant } from "../../../ha";
+import setupCustomlocalize from "../../../localize";
+import { GENERIC_LABELS } from "../../../utils/form/generic-fields";
+import { HaFormSchema } from "../../../utils/form/ha-form";
+import { computeChipEditorComponentName } from "../../../utils/lovelace/chip/chip-element";
+import { SpacerChipConfig } from "../../../utils/lovelace/chip/types";
+import { LovelaceChipEditor } from "../../../utils/lovelace/types";
+
+const computeSchema = memoizeOne((): HaFormSchema[] => []);
+
+@customElement(computeChipEditorComponentName("spacer"))
+export class SpacerChipEditor extends LitElement implements LovelaceChipEditor {
+    @property({ attribute: false }) public hass?: HomeAssistant;
+
+    @state() private _config?: SpacerChipConfig;
+
+    public setConfig(config: SpacerChipConfig): void {
+        this._config = config;
+    }
+
+    private _computeLabel = (schema: HaFormSchema) => {
+        const customLocalize = setupCustomlocalize(this.hass!);
+
+        if (GENERIC_LABELS.includes(schema.name)) {
+            return customLocalize(`editor.card.generic.${schema.name}`);
+        }
+        return this.hass!.localize(`ui.panel.lovelace.editor.card.generic.${schema.name}`);
+    };
+
+    protected render(): TemplateResult {
+        if (!this.hass || !this._config) {
+            return html``;
+        }
+
+        const schema = computeSchema();
+
+        return html`
+            <ha-form
+                .hass=${this.hass}
+                .data=${this._config}
+                .schema=${schema}
+                .computeLabel=${this._computeLabel}
+                @value-changed=${this._valueChanged}
+            ></ha-form>
+            <div style="margin-top: 20px;">There are currently no config options for this chip.</div>
+        `;
+    }
+
+    private _valueChanged(ev: CustomEvent): void {
+        fireEvent(this, "config-changed", { config: ev.detail.value });
+    }
+}
diff --git a/src/cards/chips-card/chips/spacer-chip.ts b/src/cards/chips-card/chips/spacer-chip.ts
new file mode 100644
index 000000000..b70f23e56
--- /dev/null
+++ b/src/cards/chips-card/chips/spacer-chip.ts
@@ -0,0 +1,50 @@
+import { css, CSSResultGroup, html, LitElement, TemplateResult } from "lit";
+import { customElement, property, state } from "lit/decorators.js";
+import { HomeAssistant } from "../../../ha";
+import {
+    computeChipComponentName,
+    computeChipEditorComponentName,
+} from "../../../utils/lovelace/chip/chip-element";
+import { SpacerChipConfig, LovelaceChip } from "../../../utils/lovelace/chip/types";
+import { LovelaceChipEditor } from "../../../utils/lovelace/types";
+
+@customElement(computeChipComponentName("spacer"))
+export class SpacerChip extends LitElement implements LovelaceChip {
+    public static async getConfigElement(): Promise<LovelaceChipEditor> {
+        await import("./spacer-chip-editor");
+        return document.createElement(
+            computeChipEditorComponentName("spacer")
+        ) as LovelaceChipEditor;
+    }
+
+    public static async getStubConfig(hass: HomeAssistant): Promise<SpacerChipConfig> {
+        const entities = Object.keys(hass.states);
+        return {
+            type: `spacer`,
+        };
+    }
+
+    @property({ attribute: false }) public hass?: HomeAssistant;
+
+    @state() private _config?: SpacerChipConfig;
+
+    public setConfig(config: SpacerChipConfig): void {
+        this._config = config;
+    }
+
+    protected render(): TemplateResult {
+        if (!this.hass || !this._config) {
+            return html`<div></div>`;
+        }
+
+        return html`<div></div>`;
+    }
+
+    static get styles(): CSSResultGroup {
+        return css`
+            :host {
+                flex-grow: 1;
+            }
+        `;
+    }
+}
diff --git a/src/translations/en.json b/src/translations/en.json
index ab6b8c0ed..648f6b3f8 100644
--- a/src/translations/en.json
+++ b/src/translations/en.json
@@ -167,6 +167,7 @@
                     "entity": "Entity",
                     "light": "Light",
                     "menu": "Menu",
+                    "spacer": "Spacer",
                     "template": "Template",
                     "weather": "Weather"
                 }
diff --git a/src/utils/lovelace/chip/types.ts b/src/utils/lovelace/chip/types.ts
index b6230c7e2..3cc3d3edc 100644
--- a/src/utils/lovelace/chip/types.ts
+++ b/src/utils/lovelace/chip/types.ts
@@ -92,6 +92,10 @@ export type LightChipConfig = {
     double_tap_action?: ActionConfig;
 };
 
+export type SpacerChipConfig = {
+    type: "spacer";
+};
+
 export type LovelaceChipConfig =
     | ActionChipConfig
     | AlarmControlPanelChipConfig
@@ -101,7 +105,8 @@ export type LovelaceChipConfig =
     | WeatherChipConfig
     | TemplateChipConfig
     | ConditionalChipConfig
-    | LightChipConfig;
+    | LightChipConfig
+    | SpacerChipConfig;
 
 export const CHIP_LIST: LovelaceChipConfig["type"][] = [
     "action",
@@ -111,6 +116,7 @@ export const CHIP_LIST: LovelaceChipConfig["type"][] = [
     "entity",
     "light",
     "menu",
+    "spacer",
     "template",
     "weather",
 ];

From 62b327cd1de70e6ee7b1a5ddbc528afe2f0c6f60 Mon Sep 17 00:00:00 2001
From: BizzySleepin <bryanrstewart@outlook.com>
Date: Thu, 6 Apr 2023 05:53:52 -0700
Subject: [PATCH 2/7] remove unused code

---
 .../chips-card/chips/spacer-chip-editor.ts    | 53 +++++--------------
 src/cards/chips-card/chips/spacer-chip.ts     | 22 ++------
 2 files changed, 17 insertions(+), 58 deletions(-)

diff --git a/src/cards/chips-card/chips/spacer-chip-editor.ts b/src/cards/chips-card/chips/spacer-chip-editor.ts
index 2b565fa81..8d3a66bb0 100644
--- a/src/cards/chips-card/chips/spacer-chip-editor.ts
+++ b/src/cards/chips-card/chips/spacer-chip-editor.ts
@@ -1,55 +1,28 @@
-import { html, LitElement, TemplateResult } from "lit";
-import { customElement, property, state } from "lit/decorators.js";
-import memoizeOne from "memoize-one";
-import { fireEvent, HomeAssistant } from "../../../ha";
-import setupCustomlocalize from "../../../localize";
-import { GENERIC_LABELS } from "../../../utils/form/generic-fields";
-import { HaFormSchema } from "../../../utils/form/ha-form";
+import { css, CSSResultGroup, html, LitElement, TemplateResult } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import { HomeAssistant } from "../../../ha";
 import { computeChipEditorComponentName } from "../../../utils/lovelace/chip/chip-element";
-import { SpacerChipConfig } from "../../../utils/lovelace/chip/types";
 import { LovelaceChipEditor } from "../../../utils/lovelace/types";
 
-const computeSchema = memoizeOne((): HaFormSchema[] => []);
-
 @customElement(computeChipEditorComponentName("spacer"))
 export class SpacerChipEditor extends LitElement implements LovelaceChipEditor {
     @property({ attribute: false }) public hass?: HomeAssistant;
 
-    @state() private _config?: SpacerChipConfig;
-
-    public setConfig(config: SpacerChipConfig): void {
-        this._config = config;
-    }
-
-    private _computeLabel = (schema: HaFormSchema) => {
-        const customLocalize = setupCustomlocalize(this.hass!);
-
-        if (GENERIC_LABELS.includes(schema.name)) {
-            return customLocalize(`editor.card.generic.${schema.name}`);
-        }
-        return this.hass!.localize(`ui.panel.lovelace.editor.card.generic.${schema.name}`);
-    };
+    public setConfig(): void {}
 
     protected render(): TemplateResult {
-        if (!this.hass || !this._config) {
+        if (!this.hass) {
             return html``;
         }
-
-        const schema = computeSchema();
-
-        return html`
-            <ha-form
-                .hass=${this.hass}
-                .data=${this._config}
-                .schema=${schema}
-                .computeLabel=${this._computeLabel}
-                @value-changed=${this._valueChanged}
-            ></ha-form>
-            <div style="margin-top: 20px;">There are currently no config options for this chip.</div>
-        `;
+        
+        return html`<div>There are currently no config options for this chip.</div>`;
     }
 
-    private _valueChanged(ev: CustomEvent): void {
-        fireEvent(this, "config-changed", { config: ev.detail.value });
+    static get styles(): CSSResultGroup {
+        return css`
+            div {
+                margin-top: 20px;
+            }
+        `;
     }
 }
diff --git a/src/cards/chips-card/chips/spacer-chip.ts b/src/cards/chips-card/chips/spacer-chip.ts
index b70f23e56..a8e00787c 100644
--- a/src/cards/chips-card/chips/spacer-chip.ts
+++ b/src/cards/chips-card/chips/spacer-chip.ts
@@ -1,6 +1,5 @@
 import { css, CSSResultGroup, html, LitElement, TemplateResult } from "lit";
-import { customElement, property, state } from "lit/decorators.js";
-import { HomeAssistant } from "../../../ha";
+import { customElement } from "lit/decorators.js";
 import {
     computeChipComponentName,
     computeChipEditorComponentName,
@@ -17,26 +16,13 @@ export class SpacerChip extends LitElement implements LovelaceChip {
         ) as LovelaceChipEditor;
     }
 
-    public static async getStubConfig(hass: HomeAssistant): Promise<SpacerChipConfig> {
-        const entities = Object.keys(hass.states);
-        return {
-            type: `spacer`,
-        };
+    public static async getStubConfig(): Promise<SpacerChipConfig> {
+        return { type: `spacer` };
     }
 
-    @property({ attribute: false }) public hass?: HomeAssistant;
-
-    @state() private _config?: SpacerChipConfig;
-
-    public setConfig(config: SpacerChipConfig): void {
-        this._config = config;
-    }
+    public setConfig(): void {}
 
     protected render(): TemplateResult {
-        if (!this.hass || !this._config) {
-            return html`<div></div>`;
-        }
-
         return html`<div></div>`;
     }
 

From 283606f8a6b72e65fed13fcc49cb76aee80d1eb5 Mon Sep 17 00:00:00 2001
From: BizzySleepin <bryanrstewart@outlook.com>
Date: Thu, 6 Apr 2023 05:55:45 -0700
Subject: [PATCH 3/7] add translation

---
 src/cards/chips-card/chips/spacer-chip-editor.ts | 7 +++++--
 src/translations/en.json                         | 3 ++-
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/cards/chips-card/chips/spacer-chip-editor.ts b/src/cards/chips-card/chips/spacer-chip-editor.ts
index 8d3a66bb0..14e76e7d4 100644
--- a/src/cards/chips-card/chips/spacer-chip-editor.ts
+++ b/src/cards/chips-card/chips/spacer-chip-editor.ts
@@ -1,6 +1,7 @@
 import { css, CSSResultGroup, html, LitElement, TemplateResult } from "lit";
 import { customElement, property } from "lit/decorators.js";
 import { HomeAssistant } from "../../../ha";
+import setupCustomlocalize from "../../../localize";
 import { computeChipEditorComponentName } from "../../../utils/lovelace/chip/chip-element";
 import { LovelaceChipEditor } from "../../../utils/lovelace/types";
 
@@ -14,8 +15,10 @@ export class SpacerChipEditor extends LitElement implements LovelaceChipEditor {
         if (!this.hass) {
             return html``;
         }
-        
-        return html`<div>There are currently no config options for this chip.</div>`;
+
+        const customLocalize = setupCustomlocalize(this.hass!);
+
+        return html`<div>${customLocalize(`editor.chip.no_config`)}</div>`;
     }
 
     static get styles(): CSSResultGroup {
diff --git a/src/translations/en.json b/src/translations/en.json
index 648f6b3f8..1aeec9b67 100644
--- a/src/translations/en.json
+++ b/src/translations/en.json
@@ -171,7 +171,8 @@
                     "template": "Template",
                     "weather": "Weather"
                 }
-            }
+            },
+            "no_config": "There are currently no config options for this chip."
         }
     }
 }

From 67899067d874b27316b58a60cf7e1fa7148e06bc Mon Sep 17 00:00:00 2001
From: BizzySleepin <bryanrstewart@outlook.com>
Date: Thu, 6 Apr 2023 05:57:39 -0700
Subject: [PATCH 4/7] add spacer chip to docs

---
 docs/cards/chips.md               |   7 +++++++
 docs/images/chip_spacer_dark.png  | Bin 0 -> 3982 bytes
 docs/images/chip_spacer_light.png | Bin 0 -> 3385 bytes
 3 files changed, 7 insertions(+)
 create mode 100644 docs/images/chip_spacer_dark.png
 create mode 100644 docs/images/chip_spacer_light.png

diff --git a/docs/cards/chips.md b/docs/cards/chips.md
index d0fa9bd96..7b38c8ee0 100644
--- a/docs/cards/chips.md
+++ b/docs/cards/chips.md
@@ -59,6 +59,13 @@ An light chip allows you to display light.
 
 A menu chip allows you to open the drawer in mobile.
 
+### Spacer chip
+
+![Chip menu light](../images/chip-spacer-light.png)
+![Chip menu dark](../images/chip-spacer-dark.png)
+
+A spacer chip allows you to space chips apart.
+
 ### Template chip
 
 ![Chip template light](../images/chip-template-light.png)
diff --git a/docs/images/chip_spacer_dark.png b/docs/images/chip_spacer_dark.png
new file mode 100644
index 0000000000000000000000000000000000000000..3c6f5b9a19161ec8c09705acb3a57393b0a603b3
GIT binary patch
literal 3982
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

literal 0
HcmV?d00001

diff --git a/docs/images/chip_spacer_light.png b/docs/images/chip_spacer_light.png
new file mode 100644
index 0000000000000000000000000000000000000000..9fa2c8f2ba335797b0f04cace65ef0febb8b5864
GIT binary patch
literal 3385
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
P00000NkvXXu0mjf^GjUG

literal 0
HcmV?d00001


From 1b26fcb972fd5f1884bda7c087f5f1f3188eec34 Mon Sep 17 00:00:00 2001
From: BizzySleepin <bryanrstewart@outlook.com>
Date: Thu, 6 Apr 2023 06:04:03 -0700
Subject: [PATCH 5/7] fix doc images

---
 .../{chip_spacer_dark.png => chip-spacer-dark.png}  | Bin
 ...{chip_spacer_light.png => chip-spacer-light.png} | Bin
 2 files changed, 0 insertions(+), 0 deletions(-)
 rename docs/images/{chip_spacer_dark.png => chip-spacer-dark.png} (100%)
 rename docs/images/{chip_spacer_light.png => chip-spacer-light.png} (100%)

diff --git a/docs/images/chip_spacer_dark.png b/docs/images/chip-spacer-dark.png
similarity index 100%
rename from docs/images/chip_spacer_dark.png
rename to docs/images/chip-spacer-dark.png
diff --git a/docs/images/chip_spacer_light.png b/docs/images/chip-spacer-light.png
similarity index 100%
rename from docs/images/chip_spacer_light.png
rename to docs/images/chip-spacer-light.png

From 0b973eaba4cf5393be6b9720452d6f894604e0a5 Mon Sep 17 00:00:00 2001
From: BizzySleepin <bryanrstewart@outlook.com>
Date: Fri, 7 Apr 2023 07:03:36 -0700
Subject: [PATCH 6/7] remove editor

---
 .../chips-card/chips-card-chips-editor.ts     | 30 +++++++++++-------
 .../chips-card/chips/spacer-chip-editor.ts    | 31 -------------------
 src/cards/chips-card/chips/spacer-chip.ts     | 25 ++-------------
 src/translations/en.json                      |  3 +-
 4 files changed, 22 insertions(+), 67 deletions(-)
 delete mode 100644 src/cards/chips-card/chips/spacer-chip-editor.ts

diff --git a/src/cards/chips-card/chips-card-chips-editor.ts b/src/cards/chips-card/chips-card-chips-editor.ts
index ae36f91f9..ab6a19f63 100644
--- a/src/cards/chips-card/chips-card-chips-editor.ts
+++ b/src/cards/chips-card/chips-card-chips-editor.ts
@@ -70,27 +70,33 @@ export class ChipsCardEditorChips extends MushroomBaseElement {
                                           <div class="special-row">
                                               <div>
                                                   <span> ${this._renderChipLabel(chipConf)}</span>
-                                                  <span class="secondary"
-                                                      >${this._renderChipSecondary(chipConf)}</span
-                                                  >
+                                                  <span class="secondary">
+                                                      ${this._renderChipSecondary(chipConf)}
+                                                  </span>
                                               </div>
                                           </div>
                                       `}
+                                      ${!chipConf.type.includes("spacer")
+                                          ? html`
+                                                <ha-icon-button
+                                                    .label=${customLocalize(
+                                                        "editor.chip.chip-picker.edit"
+                                                    )}
+                                                    class="edit-icon"
+                                                    .index=${index}
+                                                    @click=${this._editChip}
+                                                >
+                                                    <ha-icon icon="mdi:pencil"></ha-icon>
+                                                </ha-icon-button>
+                                            `
+                                          : ""}
                                       <ha-icon-button
                                           .label=${customLocalize("editor.chip.chip-picker.clear")}
                                           class="remove-icon"
                                           .index=${index}
                                           @click=${this._removeChip}
                                       >
-                                          <ha-icon icon="mdi:close"></ha-icon
-                                      ></ha-icon-button>
-                                      <ha-icon-button
-                                          .label=${customLocalize("editor.chip.chip-picker.edit")}
-                                          class="edit-icon"
-                                          .index=${index}
-                                          @click=${this._editChip}
-                                      >
-                                          <ha-icon icon="mdi:pencil"></ha-icon>
+                                          <ha-icon icon="mdi:close"></ha-icon>
                                       </ha-icon-button>
                                   </div>
                               `
diff --git a/src/cards/chips-card/chips/spacer-chip-editor.ts b/src/cards/chips-card/chips/spacer-chip-editor.ts
deleted file mode 100644
index 14e76e7d4..000000000
--- a/src/cards/chips-card/chips/spacer-chip-editor.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import { css, CSSResultGroup, html, LitElement, TemplateResult } from "lit";
-import { customElement, property } from "lit/decorators.js";
-import { HomeAssistant } from "../../../ha";
-import setupCustomlocalize from "../../../localize";
-import { computeChipEditorComponentName } from "../../../utils/lovelace/chip/chip-element";
-import { LovelaceChipEditor } from "../../../utils/lovelace/types";
-
-@customElement(computeChipEditorComponentName("spacer"))
-export class SpacerChipEditor extends LitElement implements LovelaceChipEditor {
-    @property({ attribute: false }) public hass?: HomeAssistant;
-
-    public setConfig(): void {}
-
-    protected render(): TemplateResult {
-        if (!this.hass) {
-            return html``;
-        }
-
-        const customLocalize = setupCustomlocalize(this.hass!);
-
-        return html`<div>${customLocalize(`editor.chip.no_config`)}</div>`;
-    }
-
-    static get styles(): CSSResultGroup {
-        return css`
-            div {
-                margin-top: 20px;
-            }
-        `;
-    }
-}
diff --git a/src/cards/chips-card/chips/spacer-chip.ts b/src/cards/chips-card/chips/spacer-chip.ts
index a8e00787c..f7310bd61 100644
--- a/src/cards/chips-card/chips/spacer-chip.ts
+++ b/src/cards/chips-card/chips/spacer-chip.ts
@@ -1,31 +1,12 @@
-import { css, CSSResultGroup, html, LitElement, TemplateResult } from "lit";
+import { css, CSSResultGroup, LitElement } from "lit";
 import { customElement } from "lit/decorators.js";
-import {
-    computeChipComponentName,
-    computeChipEditorComponentName,
-} from "../../../utils/lovelace/chip/chip-element";
-import { SpacerChipConfig, LovelaceChip } from "../../../utils/lovelace/chip/types";
-import { LovelaceChipEditor } from "../../../utils/lovelace/types";
+import { LovelaceChip } from "../../../utils/lovelace/chip/types";
+import { computeChipComponentName } from "../../../utils/lovelace/chip/chip-element";
 
 @customElement(computeChipComponentName("spacer"))
 export class SpacerChip extends LitElement implements LovelaceChip {
-    public static async getConfigElement(): Promise<LovelaceChipEditor> {
-        await import("./spacer-chip-editor");
-        return document.createElement(
-            computeChipEditorComponentName("spacer")
-        ) as LovelaceChipEditor;
-    }
-
-    public static async getStubConfig(): Promise<SpacerChipConfig> {
-        return { type: `spacer` };
-    }
-
     public setConfig(): void {}
 
-    protected render(): TemplateResult {
-        return html`<div></div>`;
-    }
-
     static get styles(): CSSResultGroup {
         return css`
             :host {
diff --git a/src/translations/en.json b/src/translations/en.json
index 1aeec9b67..648f6b3f8 100644
--- a/src/translations/en.json
+++ b/src/translations/en.json
@@ -171,8 +171,7 @@
                     "template": "Template",
                     "weather": "Weather"
                 }
-            },
-            "no_config": "There are currently no config options for this chip."
+            }
         }
     }
 }

From ab07c50e4eb6fe6fccebfd40249c4e8bbf236762 Mon Sep 17 00:00:00 2001
From: BizzySleepin <bryanrstewart@outlook.com>
Date: Fri, 7 Apr 2023 09:51:02 -0700
Subject: [PATCH 7/7] cleam code

---
 src/cards/chips-card/chips-card-chips-editor.ts | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/cards/chips-card/chips-card-chips-editor.ts b/src/cards/chips-card/chips-card-chips-editor.ts
index ab6a19f63..107604675 100644
--- a/src/cards/chips-card/chips-card-chips-editor.ts
+++ b/src/cards/chips-card/chips-card-chips-editor.ts
@@ -76,8 +76,9 @@ export class ChipsCardEditorChips extends MushroomBaseElement {
                                               </div>
                                           </div>
                                       `}
-                                      ${!chipConf.type.includes("spacer")
-                                          ? html`
+                                      ${chipConf.type == "spacer"
+                                          ? ""
+                                          : html`
                                                 <ha-icon-button
                                                     .label=${customLocalize(
                                                         "editor.chip.chip-picker.edit"
@@ -88,8 +89,7 @@ export class ChipsCardEditorChips extends MushroomBaseElement {
                                                 >
                                                     <ha-icon icon="mdi:pencil"></ha-icon>
                                                 </ha-icon-button>
-                                            `
-                                          : ""}
+                                            `}
                                       <ha-icon-button
                                           .label=${customLocalize("editor.chip.chip-picker.clear")}
                                           class="remove-icon"