From c2587e0a94525ad172dc91270606b8cbdc0bb811 Mon Sep 17 00:00:00 2001
From: heyarne <arne@schlueter.is>
Date: Sun, 3 Jan 2021 17:26:09 +0100
Subject: [PATCH 1/2] Fix whitespace before album name link

---
 front/src/components/Queue.vue        | 8 ++++----
 front/src/components/audio/Player.vue | 8 ++++----
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/front/src/components/Queue.vue b/front/src/components/Queue.vue
index 59971c21e..702f6dad2 100644
--- a/front/src/components/Queue.vue
+++ b/front/src/components/Queue.vue
@@ -15,10 +15,10 @@
                       {{ currentTrack.title }}
                     </router-link>
                     <div class="sub header ellipsis">
-                      <router-link class="discrete link artist" :to="{name: 'library.artists.detail', params: {id: currentTrack.artist.id }}">
-                        {{ currentTrack.artist.name }}</router-link> <template v-if="currentTrack.album">/<router-link class="discrete link album" :to="{name: 'library.albums.detail', params: {id: currentTrack.album.id }}">
-                        {{ currentTrack.album.title }}
-                      </router-link></template>
+                      <router-link class="discrete link artist" :to="{name: 'library.artists.detail', params: {id: currentTrack.artist.id }}">{{ currentTrack.artist.name }}</router-link>
+                      <template v-if="currentTrack.album"> /
+                        <router-link class="discrete link album" :to="{name: 'library.albums.detail', params: {id: currentTrack.album.id }}">{{ currentTrack.album.title }}</router-link>
+                      </template>
                     </div>
                   </div>
                 </h1>
diff --git a/front/src/components/audio/Player.vue b/front/src/components/audio/Player.vue
index 8b9c13d17..e8bbb8dd8 100644
--- a/front/src/components/audio/Player.vue
+++ b/front/src/components/audio/Player.vue
@@ -24,10 +24,10 @@
               </router-link>
             </strong>
             <div class="meta">
-              <router-link @click.stop.prevent="" class="discrete link" :to="{name: 'library.artists.detail', params: {id: currentTrack.artist.id }}">
-                {{ currentTrack.artist.name }}</router-link><template v-if="currentTrack.album"> /<router-link @click.stop.prevent="" class="discrete link" :to="{name: 'library.albums.detail', params: {id: currentTrack.album.id }}">
-                {{ currentTrack.album.title }}
-              </router-link></template>
+              <router-link @click.stop.prevent="" class="discrete link" :to="{name: 'library.artists.detail', params: {id: currentTrack.artist.id }}">{{ currentTrack.artist.name }}</router-link>
+              <template v-if="currentTrack.album"> /
+                <router-link @click.stop.prevent="" class="discrete link" :to="{name: 'library.albums.detail', params: {id: currentTrack.album.id }}">{{ currentTrack.album.title }}</router-link>
+              </template>
             </div>
           </div>
         </div>

From c79d00ec7084250b8de25875038d334ec6c37969 Mon Sep 17 00:00:00 2001
From: heyarne <arne@schlueter.is>
Date: Sun, 3 Jan 2021 17:47:44 +0100
Subject: [PATCH 2/2] Add close button to queue

---
 front/src/components/Queue.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/front/src/components/Queue.vue b/front/src/components/Queue.vue
index 702f6dad2..5b85b2880 100644
--- a/front/src/components/Queue.vue
+++ b/front/src/components/Queue.vue
@@ -128,7 +128,12 @@
               <h2 class="ui header">
                 <div class="content">
                   <button
-                    class="ui right floated basic icon button"
+                    class="ui right floated basic button"
+                    @click="$store.commit('ui/queueFocused', null)">
+                      <translate translate-context="*/Queue/*/Verb">Close</translate>
+                  </button>
+                  <button
+                    class="ui right floated basic button danger"
                     @click="$store.dispatch('queue/clean')">
                       <translate translate-context="*/Queue/*/Verb">Clear</translate>
                   </button>