From abbca285f00a23cce5da42fa4e847377f88f3ea1 Mon Sep 17 00:00:00 2001
From: geoffrey45 <geoffreymungai45@gmail.com>
Date: Sat, 25 Jun 2022 09:12:44 +0300
Subject: [PATCH] set track album width to max-width

---
 src/components/shared/SongItem.vue | 13 ++++---------
 1 file changed, 4 insertions(+), 9 deletions(-)

diff --git a/src/components/shared/SongItem.vue b/src/components/shared/SongItem.vue
index ceaf64a6..3cfe1b36 100644
--- a/src/components/shared/SongItem.vue
+++ b/src/components/shared/SongItem.vue
@@ -38,7 +38,7 @@
       </div>
     </div>
     <router-link
-      class="song-album"
+      class="song-album ellip"
       :to="{
         name: 'AlbumView',
         params: {
@@ -47,9 +47,7 @@
         },
       }"
     >
-      <div class="album ellip">
-        {{ props.song.album }}
-      </div>
+      {{ props.song.album }}
     </router-link>
     <div class="song-duration">
       <div class="text">{{ formatSeconds(props.song.length) }}</div>
@@ -157,11 +155,8 @@ function emitUpdate(track: Track) {
   .song-album {
     word-break: break-all;
     text-transform: capitalize;
-
-    .album {
-      cursor: pointer;
-      max-width: max-content;
-    }
+    max-width: max-content;
+    cursor: pointer;
 
     @include tablet-portrait {
       display: none;