diff --git a/ui/src/album/AlbumGridView.js b/ui/src/album/AlbumGridView.js index 378322569..fb80995b3 100644 --- a/ui/src/album/AlbumGridView.js +++ b/ui/src/album/AlbumGridView.js @@ -11,6 +11,10 @@ const useStyles = makeStyles((theme) => ({ root: { margin: '20px' }, + gridListTile: { + minHeight: '200px', + minWidth: '200px' + }, cover: { display: 'inline-block', width: '100%', @@ -32,7 +36,7 @@ const useStyles = makeStyles((theme) => ({ const getColsForWidth = (width) => { if (width === 'xs') return 2 - if (width === 'sm') return 3 + if (width === 'sm') return 4 if (width === 'md') return 5 if (width === 'lg') return 6 return 7 @@ -43,14 +47,10 @@ const LoadedAlbumGrid = ({ ids, data, basePath, width }) => { return (
- + {ids.map((id) => ( { className={classes.tileBar} title={data[id].name} subtitle={ - <> -
- {data[id].albumArtist} -
- +
+ {data[id].albumArtist} +
} />