diff --git a/ui/src/album/AlbumGridView.js b/ui/src/album/AlbumGridView.js
index 95c78dcfe..5beed23fa 100644
--- a/ui/src/album/AlbumGridView.js
+++ b/ui/src/album/AlbumGridView.js
@@ -34,6 +34,25 @@ const useStyles = makeStyles((theme) => ({
artistLink: {
color: theme.palette.primary.light,
},
+ albumArtist: {
+ fontSize:'12px',
+ color:'#c5c5c5',
+ overflow:'hidden',
+ whiteSpace:'nowrap',
+ textOverflow: 'ellipsis'
+ },
+ albumName: {
+ fontSize:'14px',
+ color:'#eee',
+ overflow:'hidden',
+ whiteSpace:'nowrap',
+ textOverflow: 'ellipsis'
+ },
+ link: {
+ position:'relative',
+ display: 'block',
+ textDecoration:'none'
+ }
}))
const useCoverStyles = makeStyles({
@@ -85,33 +104,19 @@ const AlbumGridTile = ({ showArtist, record, basePath }) => {
setVisible(false)
}}
>
-
+
{(!isDesktop || visible) && (
- {showArtist ? (
-
- ) : (
-
- )}
-
- }
actionIcon={}
/>
)}
+
+ {record.name}
+ {record.albumArtist}
+
)
}