From f1297e1f36a162d3442ef759ce4f60cc5ead041a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Joakim=20S=C3=B8rensen?= <joasoe@gmail.com>
Date: Wed, 26 Jan 2022 10:30:19 +0100
Subject: [PATCH] Update styling for show more updates (#11435)

---
 .../config/dashboard/ha-config-updates.ts     | 20 ++++++++++++++++---
 1 file changed, 17 insertions(+), 3 deletions(-)

diff --git a/src/panels/config/dashboard/ha-config-updates.ts b/src/panels/config/dashboard/ha-config-updates.ts
index 418388bfbb..8c11e4325e 100644
--- a/src/panels/config/dashboard/ha-config-updates.ts
+++ b/src/panels/config/dashboard/ha-config-updates.ts
@@ -8,7 +8,6 @@ import "../../../components/ha-alert";
 import "../../../components/ha-logo-svg";
 import "../../../components/ha-svg-icon";
 import { SupervisorAvailableUpdates } from "../../../data/supervisor/root";
-import { buttonLinkStyle } from "../../../resources/styles";
 import { HomeAssistant } from "../../../types";
 import "../../../components/ha-icon-next";
 
@@ -78,7 +77,7 @@ class HaConfigUpdates extends LitElement {
       )}
       ${!this._showAll && this.supervisorUpdates.length >= 4
         ? html`
-            <button class="link show-all" @click=${this._showAllClicked}>
+            <button class="show-more" @click=${this._showAllClicked}>
               ${this.hass.localize("ui.panel.config.updates.more_updates", {
                 count: this.supervisorUpdates!.length - updates.length,
               })}
@@ -94,7 +93,6 @@ class HaConfigUpdates extends LitElement {
 
   static get styles(): CSSResultGroup[] {
     return [
-      buttonLinkStyle,
       css`
         .title {
           font-size: 16px;
@@ -125,6 +123,22 @@ class HaConfigUpdates extends LitElement {
           height: 24px;
           width: 24px;
         }
+        button.show-more {
+          color: var(--primary-color);
+          text-align: left;
+          cursor: pointer;
+          background: none;
+          border-width: initial;
+          border-style: none;
+          border-color: initial;
+          border-image: initial;
+          padding: 16px;
+          font: inherit;
+        }
+        button.show-more:focus {
+          outline: none;
+          text-decoration: underline;
+        }
       `,
     ];
   }