fix album column styling to fit link to width of text

src/renderer/components/item-list/item-table-list/columns/album-column.module.css

@@ -7,6 +7,12 @@
     user-select: none;
 }
 
+.album-link {
+    display: inline;
+    width: max-content;
+    max-width: 100%;
+}
+
 .album-container.compact {
     -webkit-line-clamp: 1;
 }

src/renderer/components/item-list/item-table-list/columns/album-column.tsx

@@ -31,20 +31,24 @@ const AlbumColumn = (props: ItemTableListInnerColumn) => {
         if (albumId && albumPath) {
             return (
                 <TableColumnContainer {...props}>
-                    <Text
+                    <div
                         className={clsx(styles.albumContainer, {
                             [styles.compact]: props.size === 'compact',
                             [styles.large]: props.size === 'large',
                         })}
-                        component={Link}
-                        isLink
-                        isMuted
-                        isNoSelect
-                        state={{ item: song }}
-                        to={albumPath}
                     >
-                        {row}
-                    </Text>
+                        <Text
+                            className={styles.albumLink}
+                            component={Link}
+                            isLink
+                            isMuted
+                            isNoSelect
+                            state={{ item: song }}
+                            to={albumPath}
+                        >
+                            {row}
+                        </Text>
+                    </div>
                 </TableColumnContainer>
             );
         }