From a8606a6895c4bbc0a7a3ececb2e996d589a997fd Mon Sep 17 00:00:00 2001
From: Eliot Berriot <contact@eliotberriot.com>
Date: Thu, 26 Mar 2020 09:44:31 +0100
Subject: [PATCH] Moved radio message at the bottom of the queue

---
 front/src/components/Queue.vue | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)

diff --git a/front/src/components/Queue.vue b/front/src/components/Queue.vue
index 7107740c0..141b1d2d7 100644
--- a/front/src/components/Queue.vue
+++ b/front/src/components/Queue.vue
@@ -147,15 +147,6 @@
                   </div>
                 </div>
               </h2>
-              <div v-if="$store.state.radios.running" class="ui info message">
-                <div class="content">
-                  <div class="header">
-                    <i class="feed icon"></i> <translate translate-context="Sidebar/Player/Title">You have a radio playing</translate>
-                  </div>
-                  <p><translate translate-context="Sidebar/Player/Paragraph">New tracks will be appended here automatically.</translate></p>
-                  <div @click="$store.dispatch('radios/stop')" class="ui basic primary button"><translate translate-context="*/Player/Button.Label/Short, Verb">Stop radio</translate></div>
-                </div>
-              </div>
             </div>
             <table class="ui compact very basic fixed single line selectable unstackable table">
               <draggable v-model="tracks" tag="tbody" @update="reorder" handle=".handle">
@@ -194,6 +185,16 @@
                 </tr>
               </draggable>
             </table>
+
+            <div v-if="$store.state.radios.running" class="ui info message">
+              <div class="content">
+                <div class="header">
+                  <i class="feed icon"></i> <translate translate-context="Sidebar/Player/Title">You have a radio playing</translate>
+                </div>
+                <p><translate translate-context="Sidebar/Player/Paragraph">New tracks will be appended here automatically.</translate></p>
+                <div @click="$store.dispatch('radios/stop')" class="ui basic primary button"><translate translate-context="*/Player/Button.Label/Short, Verb">Stop radio</translate></div>
+              </div>
+            </div>
           </div>
         </div>
       </div>