Masonry on artist list

front/src/components/audio/album/Card.vue

@@ -67,7 +67,7 @@ export default {
   data () {
     return {
       backend: backend,
-      initialTracks: 4,
+      initialTracks: 5,
       showAllTracks: false
     }
   },

front/src/components/audio/artist/Card.vue

@@ -54,8 +54,8 @@ export default {
   data () {
     return {
       backend: backend,
-      initialAlbums: 3,
-      showAllAlbums: false
+      initialAlbums: 30,
+      showAllAlbums: true
     }
   },
   computed: {

front/src/components/library/Artists.vue

@@ -34,8 +34,16 @@
         </div>
       </div>
       <div class="ui hidden divider"></div>
-      <div v-if="result" class="ui stackable three column grid">
+      <div
+        v-if="result"
+        v-masonry
+        transition-duration="0"
+        item-selector=".column"
+        percent-position="true"
+        stagger="0"
+        class="ui stackable three column doubling grid">
         <div
+          v-masonry-tile
           v-if="result.results.length > 0"
           v-for="artist in result.results"
           :key="artist.id"