Make hero section on album page smaller

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

@@ -47,7 +47,7 @@
   "Lists all songs in an album"
   [{:keys [album]}]
   [:div
-   [:section.hero>div.hero-body
+   [:section.hero.is-small>div.hero-body
     [:div.container
      [:article.media
       [:div.media-left [cover album 128]]

src/sass/app.sass

@@ -110,6 +110,9 @@
   .media-content
     align-self: center
 
+  &.is-small + .section
+    padding-top: 0
+
 // floating notifications
 .notifications:not(:empty)
   @extend .container
@@ -142,8 +145,7 @@
   .preview-card .card-content
     padding: 0.375rem 0.75rem 0.75rem
 
-.album
-  &.detail
+.album.detail
   .collection-info
     list-style: none
 
@@ -154,9 +156,6 @@
       &:first-child
         margin-left: 0
 
-    .hero + .section
-      padding-top: 0
-      padding-bottom: 0
 
   .song-list
     counter-reset: track