From c52699be4adda916069c5c8d5528dfdb9b1aa367 Mon Sep 17 00:00:00 2001
From: Tim Messerschmidt <timmesserschmidt@gmail.com>
Date: Mon, 15 Jun 2020 18:03:20 +0200
Subject: [PATCH] Fixes missing buttons by changing paper-icon-button to
 ha-icon-button

---
 src/index.js  | 24 ++++++++++++------------
 src/styles.js |  2 +-
 2 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/src/index.js b/src/index.js
index 1fd2c13..d47dfa9 100644
--- a/src/index.js
+++ b/src/index.js
@@ -322,21 +322,21 @@ class BannerCard extends LitElement {
             ${mediaTitle}
           </div>
           <div class="entity-state-right media-controls">
-            <paper-icon-button
+            <ha-icon-button
               icon="mdi:skip-previous"
               role="button"
               @click=${this._service(domain, "media_previous_track", entity)}
-            ></paper-icon-button>
-            <paper-icon-button
+            ></ha-icon-button>
+            <ha-icon-button
               icon="${isPlaying ? "mdi:stop" : "mdi:play"}"
               role="button"
               @click=${this._service(domain, action, entity)}
-            ></paper-icon-button>
-            <paper-icon-button
+            ></ha-icon-button>
+            <ha-icon-button
               icon="mdi:skip-next"
               role="button"
               @click=${this._service(domain, "media_next_track", entity)}
-            ></paper-icon-button>
+            ></ha-icon-button>
           </div>
         </div>
       </div>
@@ -365,23 +365,23 @@ class BannerCard extends LitElement {
       <div class="entity-state" style="${this.grid(size)}">
         ${entityName(name, onClick)}
         <span class="entity-value">
-          <paper-icon-button
+          <ha-icon-button
             ?disabled=${isopen}
             icon="hass:arrow-up"
             role="button"
             @click=${this._service("cover", "open_cover", entity)}
-          ></paper-icon-button>
-          <paper-icon-button
+          ></ha-icon-button>
+          <ha-icon-button
             icon="hass:stop"
             role="button"
             @click=${this._service("cover", "stop_cover", entity)}
-          ></paper-icon-button>
-          <paper-icon-button
+          ></ha-icon-button>
+          <ha-icon-button
             ?disabled=${isclosed}
             icon="hass:arrow-down"
             role="button"
             @click=${this._service("cover", "close_cover", entity)}
-          ></paper-icon-button>
+          ></ha-icon-button>
         </span>
       </div>
     `;
diff --git a/src/styles.js b/src/styles.js
index ea18da4..d860f9a 100644
--- a/src/styles.js
+++ b/src/styles.js
@@ -24,7 +24,7 @@ export default css`
     cursor: pointer;
   }
 
-  paper-icon-button {
+  ha-icon-button {
     width: var(--bc-button-size);
     height: var(--bc-button-size);
     padding: var(--bc-spacing);