From ee59424fc2d2a7f87f83362c840814baa89977f5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Arne=20Schl=C3=BCter?= <arne@schlueter.is>
Date: Wed, 23 Jan 2019 11:51:51 +0100
Subject: [PATCH] Make albums more comfortably browsable on mobile

---
 .../airsonic_ui/components/collection/views.cljs   |  2 +-
 src/sass/app.sass                                  | 14 ++++++++++++++
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/cljs/airsonic_ui/components/collection/views.cljs b/src/cljs/airsonic_ui/components/collection/views.cljs
index afaa427..ce98c0e 100644
--- a/src/cljs/airsonic_ui/components/collection/views.cljs
+++ b/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)]
diff --git a/src/sass/app.sass b/src/sass/app.sass
index bb4197a..c226f06 100644
--- a/src/sass/app.sass
+++ b/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