small ui changes on artist view

public/config.json

@@ -1,5 +1,5 @@
 {
-  "backend_dev": "http://localhost:31204",
-  "backend_de": "https://webplay.rocks",
+  "backend_de": "http://localhost:31204",
+  "backend_dev": "https://webplay.rocks",
   "backend": "https://webplay.rocks"
 }

public/static/style.css

@@ -1555,7 +1555,7 @@ td.strech {
     display: none !important;
   }
   .showOnMobilePortrait {
-    display: flex;
+    display: flex !important;
   }
   nav input {
     width: 100%;

src/components/dialogs/ArtistViewer.vue

@@ -19,15 +19,15 @@
           :class="{ active: isFavourite }"
           @click="toggleFavourite"
         />
-        <h1 @dblclick="dblclick" class="hideOnMobileLandscape">
+        <h1 @dblclick="dblclick">
           {{ selectedArtist.name }}
         </h1>
-        <span id="stats" class="hideOnMobileLandscape ma-bottom">
+        <span id="stats" class="ma-bottom">
           <b>{{ artist_tracks.length }}</b> Tracks in
           <b>{{ artist_albums.length }}</b> Albums with a duration of
           <b>{{ artist_duration }}</b>
         </span>
-        <div id="albumList" class="flex-row showOnMobile">
+        <div id="albumList" class="flex-row showOnMobilePortrait">
           <AlbumItem
             class="ma"
             :class="{ playing: playingAlbumId == album._id }"
@@ -85,7 +85,7 @@
         </div>
       </div>
       <div class="flex-row overflow-y">
-        <div id="albumList" class="flex-column hideOnMobile">
+        <div id="albumList" class="flex-column hideOnMobilePortrait">
           <AlbumItem
             class="ma-top ma-left ma-right"
             :class="{ playing: playingAlbumId == album._id }"
@@ -345,6 +345,12 @@ h1,
   flex-grow: 0;
 }
 @media (max-width: 480px) {
+  #albumList {
+    background-color: initial;
+    align-self: center;
+    padding-bottom: 0;
+    max-width: 100%;
+  }
 }
 
 @media (max-width: 480px), (max-height: 480px) {
@@ -358,12 +364,6 @@ h1,
   #header {
     width: initial;
   }
-  #albumList {
-    background-color: initial;
-    align-self: center;
-    padding-bottom: 0;
-    max-width: 100%;
-  }
 }
 
 @media (max-height: 480px) {