simpler animations, fixed scrollbar size, updated packages

package.json

@@ -19,32 +19,32 @@
   },
   "main": "background.js",
   "dependencies": {
-    "adm-zip": "^0.4.14",
+    "adm-zip": "^0.4.16",
     "axios": "^0.19.2",
     "core-js": "^3.6.4",
     "glob": "^7.1.6",
-    "moment": "^2.26.0",
+    "moment": "^2.27.0",
     "ncp": "^2.0.0",
     "rimraf": "^3.0.2",
     "uniqid": "^5.2.0",
     "v-tooltip": "^2.0.3",
     "vue": "^2.6.11",
     "vue-axios": "^2.1.5",
-    "vue-i18n": "^8.17.4",
+    "vue-i18n": "^8.20.0",
     "vue-observe-visibility": "^0.4.6",
-    "vue-router": "^3.1.6",
-    "vuex": "^3.1.3"
+    "vue-router": "^3.3.4",
+    "vuex": "^3.5.1"
   },
   "devDependencies": {
     "@vue/cli-plugin-babel": "~4.3.0",
     "@vue/cli-plugin-router": "~4.3.0",
     "@vue/cli-plugin-vuex": "~4.3.0",
     "@vue/cli-service": "~4.3.0",
-    "electron": "^6.0.0",
-    "less": "^3.0.4",
-    "less-loader": "^5.0.0",
     "chalk": "^4.1.0",
     "chalk-table": "^1.0.2",
+    "electron": "^6.1.12",
+    "less": "^3.12.2",
+    "less-loader": "^5.0.0",
     "vue-cli-plugin-electron-builder": "~1.4.6",
     "vue-template-compiler": "^2.6.11"
   }

src/App.vue

@@ -223,7 +223,7 @@
     }
     ::-webkit-scrollbar {
         background: #212529;
-        width: 8px;
+        width: 5px;
     }
     ::-webkit-scrollbar-thumb {
         background: #fff;

src/components/Navigation/Navigation.vue

@@ -14,7 +14,7 @@
             <div v-on:click="openExternal('steam://run/1058830');" class="item" v-tooltip.down="'Start SpinRhythm XD'"><i class="mdi mdi-play-outline"></i></div>
             <div v-on:click="showDownloadOverlay();" :class="'item ' + (downloadOverlayShown ? 'router-link-active' : '')" v-tooltip.down="'Download Queue'">
                 <i class="mdi mdi-download-outline"></i>
-                <span class="badge" v-show="downloadQueueCount > 0">{{ downloadQueueCount }}</span>
+                <span class="indicator" v-show="downloadQueueCount > 0">{{ downloadQueueCount }}</span>
             </div>
             <router-link to="/settings" class="item" v-tooltip.down="'Settings'"><i class="mdi mdi-cog-outline"></i></router-link>
         </nav>

src/components/Overlays/DownloadOverlay.vue

@@ -150,7 +150,4 @@
             }
         }
     }
-    .app-darwin .download-overlay {
-        top: 100px;
-    }
 </style>

src/components/User/UserItem.vue

@@ -60,8 +60,8 @@
         }
 
         &:hover {
-            transform: scale(1.1);
             cursor: pointer;
+            background: rgba(255,255,255,0.2);
             box-shadow: 0px 4px 20px 5px rgba(0, 0, 0, 0.4);
         }
     }