diff --git a/ui/src/album/AlbumListView.js b/ui/src/album/AlbumListView.js
index b3d1e720f..72706c235 100644
--- a/ui/src/album/AlbumListView.js
+++ b/ui/src/album/AlbumListView.js
@@ -100,6 +100,9 @@ const AlbumListView = ({ hasShow, hasEdit, hasList, ...rest }) => {
{isDesktop && }
}
diff --git a/ui/src/artist/ArtistList.js b/ui/src/artist/ArtistList.js
index 085fa5278..1b753005a 100644
--- a/ui/src/artist/ArtistList.js
+++ b/ui/src/artist/ArtistList.js
@@ -10,6 +10,7 @@ import {
} from 'react-admin'
import { useMediaQuery, withWidth } from '@material-ui/core'
import StarIcon from '@material-ui/icons/Star'
+import StarBorderIcon from '@material-ui/icons/StarBorder'
import AddToPlaylistDialog from '../dialogs/AddToPlaylistDialog'
import {
ArtistContextMenu,
@@ -18,6 +19,15 @@ import {
SimpleList,
useGetHandleArtistClick,
} from '../common'
+import { makeStyles } from '@material-ui/core/styles'
+
+const useStyles = makeStyles({
+ columnIcon: {
+ marginLeft: '3px',
+ marginTop: '-2px',
+ verticalAlign: 'text-top',
+ },
+})
const ArtistFilter = (props) => (
@@ -62,6 +72,7 @@ const ArtistDatagrid = (props) => (
)
const ArtistList = ({ width, ...rest }) => {
+ const classes = useStyles()
const handleArtistLink = useGetHandleArtistClick(width)
const isXsmall = useMediaQuery((theme) => theme.breakpoints.down('xs'))
return (
@@ -86,7 +97,17 @@ const ArtistList = ({ width, ...rest }) => {
-
+
+ }
+ />
)}