Fixed numbers in playlist

cmd/frontend/src/components/items/playlistHistory.vue

@@ -24,8 +24,8 @@
                 >
                     ??? - ???
                 </p>
-            <p v-else-if="track.Game != ''" :class="{ activeTrack: track.CurrentlyPlaying }">
+                <p v-else-if="track.Game !== ''" :class="{ activeTrack: track.CurrentlyPlaying }">
-               {{ track.SongNo }}. {{ track.Game }} -
+                    {{ track.SongNo + 1 }}. {{ track.Game }} -
                     {{ displayTrack(track.Song) }}
                 </p>
                 <span v-if="currentlyLoadingTrack === track.SongNo" class="loadingTrack">
@@ -49,14 +49,7 @@ export default {
     },
     methods: {
         checkIfHidden(track, playlistHistory) {
-         if (track.SongNo == playlistHistory.length - 1 && this.currentTrackHidden) {
+            return track.SongNo === playlistHistory.length - 1 && this.currentTrackHidden;
-            return true;
-         } else {
-            false;
-         }
-      },
-      checkIfLoading() {
-         return true;
         },
         displayTrack(trackName) {
             /* Todo: Is this if-check necessary? */
@@ -93,20 +86,6 @@ export default {
 </script>
 
 <style scoped>
-.playlistHistory-enter-from {
-   opacity: 0;
-}
-.playlistHistory-enter-to {
-   opacity: 1;
-}
-.playlistHistory-enter-active {
-   transition: all 0.5s ease-out;
-}
-.playlistHistory-move {
-   transition: 0.25s;
-   transition-property: transform, opacity;
-}
-/* End of Animation block */
 
 /* Scroll */
 
@@ -171,9 +150,6 @@ export default {
 .playlistHistory .activeTrack {
     color: yellow;
 }
-.tracklistEmptyDiv {
-   cursor: default;
-}
 .loadingTrack {
     color: #ff9c00;
     margin-left: 20px;
@@ -185,8 +161,7 @@ export default {
     }
     .playlistHistoryDiv {
         width: 100%;
-      margin: 0;
+        margin: 0 0 0.3vw;
-      margin-bottom: 0.3vw;
     }
 
     .playlistHistoryTitle {