use promise to scroll to current in queue box

src/components/AlbumView/FromTheSameArtist.vue

@@ -85,7 +85,7 @@ export default {
 <style lang="scss">
 .f-a-artists {
   position: relative;
-  height: 13rem;
+  height: 14em;
   width: calc(100%);
   background-color: #1f1e1d;
   padding: $small;
@@ -98,8 +98,8 @@ export default {
   width: 5rem;
   height: 2rem;
   position: absolute;
-  top: -0.2rem;
-  right: 0rem;
+  top: 0.5rem;
+  right: 0.5rem;
   display: flex;
   justify-content: space-between;
 
@@ -107,14 +107,6 @@ export default {
     z-index: 1;
   }
 
-  .next,
-  .prev {
-    width: 2em;
-    height: 2em;
-    cursor: pointer;
-    transition: all 0.5s ease;
-  }
-
   .next {
     background: url(../../assets/icons/right-arrow.svg) no-repeat center;
   }
@@ -123,23 +115,20 @@ export default {
     background: url(../../assets/icons/right-arrow.svg) no-repeat center;
     transform: rotate(180deg);
   }
-
-  .next:hover,
-  .prev:hover {
-    transform: scale(1.2);
+  .next,
+  .prev {
+    width: 2em;
+    height: 2em;
+    background-color: rgb(79, 80, 80);
+    border-radius: $small;
+    cursor: pointer;
     transition: all 0.5s ease;
   }
 
+  .next:hover,
   .prev:hover {
-    transform: rotate(180deg) scale(1.2);
-  }
-
-  .next:active {
-    transform: scale(0.5);
-  }
-
-  .prev:active {
-    transform: rotate(180deg) scale(0.5);
+    background-color: rgb(3, 1, 1);
+    transition: all 0.5s ease;
   }
 }
 
@@ -209,7 +198,6 @@ export default {
   -o-animation: similarAlbums 29s ease infinite;
   animation: similarAlbums 29s ease infinite;
 
-
   &:hover > .s2 {
     transition: all 0.5s ease;
     background: rgba(53, 53, 146, 0.8);