From 2fe8f5ff27863302500d6c2bae0804649c48f681 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Joakim=20S=C3=B8rensen?= <joasoe@gmail.com>
Date: Thu, 2 Dec 2021 11:05:14 +0100
Subject: [PATCH] Use puzzle for addons and blur entries on click (#10755)

---
 src/panels/config/dashboard/ha-config-navigation.ts | 6 +++++-
 src/panels/config/ha-panel-config.ts                | 2 +-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/panels/config/dashboard/ha-config-navigation.ts b/src/panels/config/dashboard/ha-config-navigation.ts
index 4a505ffb46..ab1ee2e56e 100644
--- a/src/panels/config/dashboard/ha-config-navigation.ts
+++ b/src/panels/config/dashboard/ha-config-navigation.ts
@@ -47,7 +47,7 @@ class HaConfigNavigation extends LitElement {
         canShowPage(this.hass, page)
           ? html`
               <a href=${page.path} aria-role="option" tabindex="-1">
-                <paper-icon-item>
+                <paper-icon-item @click=${this._entryClicked}>
                   <div
                     class=${page.iconColor ? "icon-background" : ""}
                     slot="item-icon"
@@ -97,6 +97,10 @@ class HaConfigNavigation extends LitElement {
     `;
   }
 
+  private _entryClicked(ev) {
+    ev.currentTarget.blur();
+  }
+
   static get styles(): CSSResultGroup {
     return css`
       a {
diff --git a/src/panels/config/ha-panel-config.ts b/src/panels/config/ha-panel-config.ts
index 902b2a495d..2cd7de0a5f 100644
--- a/src/panels/config/ha-panel-config.ts
+++ b/src/panels/config/ha-panel-config.ts
@@ -74,7 +74,7 @@ export const configSections: { [name: string]: PageNavigation[] } = {
       path: "/hassio",
       name: "Add-ons & Backups",
       description: "Create backups, check logs or reboot your system",
-      iconPath: mdiHomeAssistant,
+      iconPath: mdiPuzzle,
       iconColor: "#4084CD",
       component: "hassio",
     },