From 9f0988e3ba4e1e938984adfcb8aa62443138f982 Mon Sep 17 00:00:00 2001
From: booploops <49113086+booploops@users.noreply.github.com>
Date: Wed, 12 Jan 2022 23:49:44 -0800
Subject: [PATCH] some adjustments to dom

---
 src/renderer/views/main.ejs                 | 6 +++++-
 src/renderer/views/pages/cider-playlist.ejs | 8 ++++----
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/renderer/views/main.ejs b/src/renderer/views/main.ejs
index f2b3dabf..14776c68 100644
--- a/src/renderer/views/main.ejs
+++ b/src/renderer/views/main.ejs
@@ -517,7 +517,7 @@
 
                 </div>
                 <transition name="drawertransition">
-                    <div class="app-drawer" v-if="drawer.open">
+                    <div class="app-drawer" v-if="drawer.open && drawer.panel == 'lyrics'">
                         <div class="bgArtworkMaterial">
                             <div class="bg-artwork-container">
                                 <img class="bg-artwork a" :src="$store.state.artwork.playerLCD">
@@ -531,6 +531,10 @@
                                 "Default View":'Fullscreen View'}}
                             </button>
                         </div>
+                    </div>
+                </transition>
+                <transition name="drawertransition">
+                    <div class="app-drawer" v-if="drawer.open && drawer.panel == 'queue'">
                         <cider-queue ref="queue" v-if="drawer.panel == 'queue'"></cider-queue>
                     </div>
                 </transition>
diff --git a/src/renderer/views/pages/cider-playlist.ejs b/src/renderer/views/pages/cider-playlist.ejs
index d8dc2705..fd6a4393 100644
--- a/src/renderer/views/pages/cider-playlist.ejs
+++ b/src/renderer/views/pages/cider-playlist.ejs
@@ -58,19 +58,19 @@
                         </div>
                     </template>
                     <div class="playlist-controls">
-                        <button class="wr-btn" style="min-width: 120px;"
+                        <button class="md-btn" style="min-width: 120px;"
                                 @click="app.mk.shuffleMode = 0; play()">
                             Play
                         </button>
-                        <button class="wr-btn" style="min-width: 120px;"
+                        <button class="md-btn" style="min-width: 120px;"
                                 @click="app.mk.shuffleMode = 1;play()">
                             Shuffle
                         </button>
-                        <button class="wr-btn" style="min-width: 120px;" v-if="inLibrary!=null && confirm!=true"
+                        <button class="md-btn" style="min-width: 120px;" v-if="inLibrary!=null && confirm!=true"
                                 @click="confirmButton()">
                             {{ (!inLibrary) ? "Add to Library" : "Remove from Library" }}
                         </button>
-                        <button class="wr-btn" style="min-width: 120px;" v-if="confirm==true"
+                        <button class="md-btn" style="min-width: 120px;" v-if="confirm==true"
                                 @click="(!inLibrary) ? addToLibrary(data.attributes.playParams.id.toString()) : removeFromLibrary(data.attributes.playParams.id.toString()) ">
                             Confirm?
                         </button>