From 81bbb9f5e4fe41f4208b4128611c9ae7d43edd85 Mon Sep 17 00:00:00 2001
From: Lukas Winkler <l.winkler23@mailbox.org>
Date: Sat, 24 Feb 2018 22:15:00 +0100
Subject: [PATCH] move error to top

---
 web/DetailView.vue |  1 +
 web/List.vue       | 12 ++++++------
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/web/DetailView.vue b/web/DetailView.vue
index fa172e9..70e12da 100644
--- a/web/DetailView.vue
+++ b/web/DetailView.vue
@@ -121,6 +121,7 @@
         .spotifyLink {
             display: inline-block;
             width: 250px;
+            margin-top: 5px;
             &:hover {
                 color: #1ED760 !important;
             }
diff --git a/web/List.vue b/web/List.vue
index a3ed4fb..d13ffcc 100644
--- a/web/List.vue
+++ b/web/List.vue
@@ -48,6 +48,12 @@
             </div>
         </transition>
         <main>
+            <div id="httpError" v-if="httpError" class="message">
+                <strong>Beim Laden ist ein Fehler aufgetreten:</strong> {{httpError.message}}
+            </div>
+            <div id="noData" class="message" v-if="(!channelData||!channelData.has_data)&&!httpError">
+                <strong>Keine Daten!</strong> Leider gibt es für diesen Sender noch keine Daten.
+            </div>
             <table>
                 <template v-for="song in popular">
                     <tr v-on:click="toogleDetails($event,song.song.id)" class="clickable">
@@ -79,12 +85,6 @@
                  v-if="showMore &&channelData&&channelData.has_data">
                 Mehr anzeigen
             </div>
-            <div id="httpError" v-if="httpError" class="message">
-                <strong>Beim Laden ist ein Fehler aufgetreten:</strong> {{httpError.message}}
-            </div>
-            <div id="noData" class="message" v-if="(!channelData||!channelData.has_data)&&!httpError">
-                <strong>Keine Daten!</strong> Leider gibt es für diesen Sender noch keine Daten.
-            </div>
         </main>
 
         <info v-if="channelData"