From bbcee3f461adbfc1b4d3dfe8bf5ff9b8c8f0cf23 Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Sun, 23 Nov 2025 15:22:08 -0800
Subject: [PATCH] fix album column styling to fit link to width of text

---
 .../columns/album-column.module.css           |  6 +++++
 .../item-table-list/columns/album-column.tsx  | 22 +++++++++++--------
 2 files changed, 19 insertions(+), 9 deletions(-)

diff --git a/src/renderer/components/item-list/item-table-list/columns/album-column.module.css b/src/renderer/components/item-list/item-table-list/columns/album-column.module.css
index 279b8c896..7312a35e8 100644
--- a/src/renderer/components/item-list/item-table-list/columns/album-column.module.css
+++ b/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;
 }
diff --git a/src/renderer/components/item-list/item-table-list/columns/album-column.tsx b/src/renderer/components/item-list/item-table-list/columns/album-column.tsx
index 95d0dba2b..cb667754b 100644
--- a/src/renderer/components/item-list/item-table-list/columns/album-column.tsx
+++ b/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>
             );
         }