From 27d2b244a41f986046fb026c44e2746592852bca Mon Sep 17 00:00:00 2001 From: Simon Lamon <32477463+silamon@users.noreply.github.com> Date: Fri, 12 Apr 2024 11:17:51 +0200 Subject: [PATCH] Add spacing between icon and name in entity button bar (#20492) * Fix width between icon and name * Remove no-text --- .../lovelace/components/hui-buttons-base.ts | 20 ------------------- 1 file changed, 20 deletions(-) diff --git a/src/panels/lovelace/components/hui-buttons-base.ts b/src/panels/lovelace/components/hui-buttons-base.ts index 4fa798a8e590..2b1f9a11524d 100644 --- a/src/panels/lovelace/components/hui-buttons-base.ts +++ b/src/panels/lovelace/components/hui-buttons-base.ts @@ -52,7 +52,6 @@ export class HuiButtonsBase extends LitElement { .stateObj=${stateObj} .overrideIcon=${entityConf.icon} .overrideImage=${entityConf.image} - class=${name ? "" : "no-text"} .stateColor=${true} slot="icon" > @@ -92,27 +91,8 @@ export class HuiButtonsBase extends LitElement { color: var(--secondary-text-color); align-items: center; justify-content: center; - width: 24px; - height: 24px; - margin-left: -4px; - margin-inline-start: -4px; - margin-inline-end: initial; margin-top: -2px; } - state-badge.no-text { - width: 26px; - height: 26px; - margin-left: -3px; - margin-inline-start: -3px; - margin-inline-end: initial; - margin-top: -3px; - } - ha-assist-chip state-badge { - margin-right: -4px; - margin-inline-end: -4px; - margin-inline-start: initial; - --mdc-icon-size: 18px; - } @media all and (max-width: 450px), all and (max-height: 500px) { .ha-scrollbar { flex-wrap: nowrap;