fix trashcan icon for playing item in queue not fully showing

Author: punxaphil

src/components/media-row.ts

@@ -84,6 +84,7 @@ class MediaRow extends LitElement {
           display: flex;
           align-items: center;
           gap: 0.5rem;
+          margin-left: 0.5rem;
         }
       `,
       mediaItemTitleStyle,

src/components/playing-bars.ts

@@ -2,23 +2,23 @@ import { css, html, LitElement, nothing } from 'lit';
 import { property } from 'lit/decorators.js';
 
 class PlayingBars extends LitElement {
-  @property({ type: Boolean }) show = false;
+    @property({ type: Boolean }) show = false;
 
-  render() {
-    if (!this.show) {
-      return nothing;
-    }
-    return html`
+    render() {
+        if (!this.show) {
+            return nothing;
+        }
+        return html`
       <div class="bars">
         <div></div>
         <div></div>
         <div></div>
       </div>
     `;
-  }
+    }
 
-  static get styles() {
-    return css`
+    static get styles() {
+        return css`
       @keyframes sound {
         0% {
           opacity: 0.35;
@@ -39,7 +39,6 @@ class PlayingBars extends LitElement {
         width: 0.55rem;
         height: 1rem;
         position: relative;
-        margin-left: 1rem;
       }
 
       .bars > div {
@@ -67,7 +66,7 @@ class PlayingBars extends LitElement {
         animation-duration: 407ms;
       }
     `;
-  }
+    }
 }
 
 customElements.define('sonos-playing-bars', PlayingBars);