Added the almighty back button

src/views/Collection.vue

@@ -2,7 +2,10 @@
   <b-container>
     <b-row>
       <b-col>
-        <h1>Collection: {{ collectionName }}</h1>
+        <h1>
+          <b-button variant="transparent" class="m-1" :to="{name : 'Collections'}"><b-icon icon="arrow-left-circle-fill"/></b-button>
+          Collection: {{ collectionName }}
+        </h1>
       </b-col>
     </b-row>
     <big-chungus-loader text="Fetching track list..." v-if="processing"/>
@@ -62,7 +65,7 @@ export default {
   },
   methods: {
     rowClicked(data) {
-      this.$router.push({name: 'Item', params: {id: data.id}});
+      this.$router.push({name: 'Item', params: {id: data.id}, query: {collection: this.$route.params.id}});
     },
     startPlayer(spotify_id) {
       this.$store.dispatch('openPlayer', spotify_id);

src/views/Item.vue

@@ -2,7 +2,12 @@
   <b-container>
     <b-row>
       <b-col>
-        <h1>Item</h1>
+        <h1>
+          <b-button variant="transparent" class="m-1" :to="{name: 'Collection', params: {id: $route.query.collection}}">
+            <b-icon icon="arrow-left-circle-fill"/>
+          </b-button>
+          {{ songInfo.type | capitalize }}
+        </h1>
       </b-col>
     </b-row>
     <big-chungus-loader text="Fetching item info..." v-if="processing"/>
@@ -71,6 +76,13 @@ export default {
         return "";
       }
     }
+  },
+  filters: {
+    capitalize(value) {
+      if (!value) return ''
+      value = value.toString()
+      return value.charAt(0).toUpperCase() + value.slice(1)
+    }
   }
 }
 </script>