Make label clickable (#613)

hacs · Aug 25, 2022 · b39516b · b39516b
1 parent 26e79a6
commit b39516b
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 9 deletions.
diff --git 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
@@ -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>
           `
         )}