From 8333a9c4a667a39492398082a66d3180c98db743 Mon Sep 17 00:00:00 2001
From: geoffrey45 <geoffreymungai45@gmail.com>
Date: Wed, 2 Mar 2022 10:20:47 +0300
Subject: [PATCH] minor refactors

---
 src/assets/css/BottomBar/BottomBar.scss | 1 -
 src/components/AlbumView/Header.vue     | 2 +-
 src/components/LeftSidebar/AlbumArt.vue | 3 +--
 src/components/shared/SongItem.vue      | 1 -
 src/components/shared/TrackItem.vue     | 3 +--
 5 files changed, 3 insertions(+), 7 deletions(-)

diff --git a/src/assets/css/BottomBar/BottomBar.scss b/src/assets/css/BottomBar/BottomBar.scss
index 2e982d18..35298ded 100644
--- a/src/assets/css/BottomBar/BottomBar.scss
+++ b/src/assets/css/BottomBar/BottomBar.scss
@@ -19,7 +19,6 @@
       .art {
         width: 3rem;
         height: 3rem;
-        border-radius: $smaller;
         background-image: url("../../images/null.webp");
       }
 
diff --git a/src/components/AlbumView/Header.vue b/src/components/AlbumView/Header.vue
index bc13ebf9..385b6905 100644
--- a/src/components/AlbumView/Header.vue
+++ b/src/components/AlbumView/Header.vue
@@ -15,7 +15,7 @@
         <div class="separator no-border"></div>
         <div class="bottom">
           <div class="stats shadow-sm">
-            {{ props.album_info.count }} Tracks • {{ props.album_info.duration }} •
+            {{ props.album_info.count }} Tracks • {{ perks.formatSeconds(props.album_info.duration, "long") }} •
             {{ props.album_info.date }}
           </div>
           <div class="play rounded" @click="playAlbum">
diff --git a/src/components/LeftSidebar/AlbumArt.vue b/src/components/LeftSidebar/AlbumArt.vue
index 1e6af16c..2f638e77 100644
--- a/src/components/LeftSidebar/AlbumArt.vue
+++ b/src/components/LeftSidebar/AlbumArt.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="l_" v-if="!props.collapsed">
     <div
-      class="l-image image rounded"
+      class="l-image image"
       :style="{
         backgroundImage: `url(&quot;${current.image}&quot;)`,
       }"
@@ -28,7 +28,6 @@ const props = defineProps({
   .l-image {
     height: 14rem;
     width: 14rem;
-    border-radius: .5rem;
   }
 }
 </style>
diff --git a/src/components/shared/SongItem.vue b/src/components/shared/SongItem.vue
index 156d46d7..edf1cc1d 100644
--- a/src/components/shared/SongItem.vue
+++ b/src/components/shared/SongItem.vue
@@ -119,7 +119,6 @@ export default {
       margin-right: 1rem;
       display: grid;
       place-items: center;
-      border-radius: 0.5rem;
       cursor: pointer;
     }
 
diff --git a/src/components/shared/TrackItem.vue b/src/components/shared/TrackItem.vue
index 08898522..51128679 100644
--- a/src/components/shared/TrackItem.vue
+++ b/src/components/shared/TrackItem.vue
@@ -51,7 +51,7 @@ const playThis = (song) => {
 
 <style lang="scss">
 .currentInQueue {
-  border: solid 2px $pink;
+  background-color: $gray3;
 }
 
 .track-item {
@@ -82,7 +82,6 @@ const playThis = (song) => {
     width: 3rem;
     height: 3rem;
     margin: 0 0.5rem 0 0;
-    border-radius: 0.5rem;
     background-image: url(../../assets/images/null.webp);
   }
   .artist {