From b39516b4733244647be062c68d90a575df2805a0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Joakim=20S=C3=B8rensen?= <ludeeus@ludeeus.dev>
Date: Thu, 25 Aug 2022 17:59:16 +0200
Subject: [PATCH] Make label clickable (#613)

---
 src/components/dialogs/hacs-add-repository-dialog.ts | 10 +++++++---
 src/components/hacs-filter.ts                        |  9 +++------
 2 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/src/components/dialogs/hacs-add-repository-dialog.ts b/src/components/dialogs/hacs-add-repository-dialog.ts
index b9bceba6..434a29ba 100644
--- a/src/components/dialogs/hacs-add-repository-dialog.ts
+++ b/src/components/dialogs/hacs-add-repository-dialog.ts
@@ -189,9 +189,9 @@ export class HacsAddRepositoryDialog extends HacsDialogBase {
                           `}
                       <span>${repo.name}</span>
                       <span slot="secondary">${repo.description}</span>
-                      <ha-chip slot="meta"
-                        >${this.hacs.localize(`common.${repo.category}`)}</ha-chip
-                      >
+                      <ha-chip slot="meta">
+                        ${this.hacs.localize(`common.${repo.category}`)}
+                      </ha-chip>
                     </ha-clickable-list-item>`
                   )}
           </mwc-list>
@@ -282,6 +282,10 @@ export class HacsAddRepositoryDialog extends HacsDialogBase {
         .searchandfilter[narrow] {
           flex-direction: column;
         }
+
+        ha-chip {
+          margin-left: -52px;
+        }
       `,
     ];
   }
diff --git a/src/components/hacs-filter.ts b/src/components/hacs-filter.ts
index afc89bac..87f02ef8 100644
--- a/src/components/hacs-filter.ts
+++ b/src/components/hacs-filter.ts
@@ -20,13 +20,10 @@ export class HacsFilter extends LitElement {
             <ha-formfield
               class="checkbox"
               .label=${this.hacs.localize(`common.${filter.id}`) || filter.value}
+              .id=${filter.id}
+              @click=${this._filterClick}
             >
-              <ha-checkbox
-                .checked=${filter.checked || false}
-                .id=${filter.id}
-                @click=${this._filterClick}
-              >
-              </ha-checkbox>
+              <ha-checkbox .checked=${filter.checked || false}> </ha-checkbox>
             </ha-formfield>
           `
         )}