made stuff nicer a bit

src/views/Collection.vue

@@ -20,7 +20,7 @@
           <template #cell(id)="data">
             <div class="text-right">
               <b-button variant="success" :disabled="!data.item.spotify_id" @click="startPlayer(data.item.spotify_id)">
-                Play
+                <b-icon icon="play-fill"/> Play
               </b-button>
             </div>
           </template>

src/views/Collections.vue

@@ -7,7 +7,8 @@
     </b-row>
     <big-chungus-loader text="Fetching collections..." v-if="processing"/>
     <b-row v-else>
-      <collections-list-element :title="c.name" :count="c.element_count" @click="openCollection(c.id)" :key="c.id" v-for="c in collections"/>
+      <collections-list-element :title="c.name" :count="c.element_count" :type="c.type" @click="openCollection(c.id)"
+                                :key="c.id" v-for="c in collections"/>
     </b-row>
   </b-container>
 </template>
@@ -41,6 +42,7 @@ export default {
     }).catch(({text}) => {
       this.$showToast(text);
     });
+
   }
 }
 </script>

src/views/Item.vue

@@ -23,7 +23,7 @@
         </div>
         <div class="my-3">
           <b-button :disabled="!songInfo.spotify_id" :href="spotifyLink" target="_blank">Open on Spotify!</b-button>&nbsp;
-          <b-button variant="success" :disabled="!songInfo.spotify_id" @click="startPlayer">Play!</b-button>
+          <b-button variant="success" :disabled="!songInfo.spotify_id" @click="startPlayer"><b-icon icon="play-fill"/>  Play!</b-button>
 
         </div>
       </b-col>