Make albums more comfortably browsable on mobile

src/cljs/airsonic_ui/components/collection/views.cljs

@@ -40,7 +40,7 @@
   [:div
    [:section.hero.is-small>div.hero-body
     [:div.container
-     [:article.media
+     [:article.collection-header.media
       [:div.media-left [cover album 128]]
       [:div.media-content
        [:h2.title (:name album)]

src/sass/app.sass

@@ -261,6 +261,20 @@
         margin-bottom: 1rem
 
 .album.detail
+  .collection-header
+    display: block
+
+    .media-left
+      margin-right: 0
+      margin-bottom: 1rem
+
+    +tablet
+      display: flex
+
+      .media-left
+        margin-right: 1rem
+        margin-bottom: 0
+
   .collection-info
     list-style: none