From e512862aed7b5520b97a6252897e2fe48e956135 Mon Sep 17 00:00:00 2001
From: Rudis Muiznieks <rudis@sitosis.com>
Date: Mon, 10 Apr 2023 09:21:01 -0500
Subject: [PATCH] minor playlist styling fix

---
 site/radiostasis.js | 4 ++++
 site/style.css      | 4 ++++
 src/Playlist.ts     | 4 ++++
 3 files changed, 12 insertions(+)

diff --git a/site/radiostasis.js b/site/radiostasis.js
index 29ee0b4..fc45040 100644
--- a/site/radiostasis.js
+++ b/site/radiostasis.js
@@ -406,12 +406,16 @@ var Playlist = /** @class */ (function () {
             this.overlay.style.backgroundColor = 'rgba(255, 255, 255, 0.75)';
             this.overlay.style.backdropFilter = 'blur(5px)';
             this.overlay.style.pointerEvents = 'auto';
+            this.queueTab.innerHTML = 'Close';
+            this.queueTab.classList.add('expanded');
         }
         else {
             this.queueContainer.style.height = this.queueInitialHeight;
             this.overlay.style.backgroundColor = 'rgba(255, 255, 255, 0)';
             this.overlay.style.backdropFilter = 'none';
             this.overlay.style.pointerEvents = 'none';
+            this.queueTab.innerHTML = 'Playlist';
+            this.queueTab.classList.remove('expanded');
         }
     };
     Playlist.prototype.createQueueListItem = function (episode) {
diff --git a/site/style.css b/site/style.css
index 02704d2..4fb7384 100644
--- a/site/style.css
+++ b/site/style.css
@@ -315,6 +315,10 @@ ol > li:not(:last-child) {
   background-image: url('/icon-queue.svg');
 }
 
+#queue-container h2.expanded {
+  background-image: url('/icon-trash.svg');
+}
+
 #queue-container h2:hover {
   color: #c50;
   text-decoration: underline;
diff --git a/src/Playlist.ts b/src/Playlist.ts
index c785350..5674ac8 100644
--- a/src/Playlist.ts
+++ b/src/Playlist.ts
@@ -121,11 +121,15 @@ class Playlist {
       this.overlay.style.backgroundColor = 'rgba(255, 255, 255, 0.75)';
       this.overlay.style.backdropFilter = 'blur(5px)';
       this.overlay.style.pointerEvents = 'auto';
+      this.queueTab.innerHTML = 'Close';
+      this.queueTab.classList.add('expanded');
     } else {
       this.queueContainer.style.height = this.queueInitialHeight;
       this.overlay.style.backgroundColor = 'rgba(255, 255, 255, 0)';
       this.overlay.style.backdropFilter = 'none';
       this.overlay.style.pointerEvents = 'none';
+      this.queueTab.innerHTML = 'Playlist';
+      this.queueTab.classList.remove('expanded');
     }
   }