small ui changes on artist view

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) {