From 0e4f7036ebd6391f62ec6589fb66f3c80a0c6845 Mon Sep 17 00:00:00 2001
From: Deluan <deluan@deluan.com>
Date: Mon, 18 May 2020 18:00:55 -0400
Subject: [PATCH] Make playlist songs look better in mobile

---
 ui/src/playlist/PlaylistSongs.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/ui/src/playlist/PlaylistSongs.js b/ui/src/playlist/PlaylistSongs.js
index 5f1d013a0..edfaa4dbc 100644
--- a/ui/src/playlist/PlaylistSongs.js
+++ b/ui/src/playlist/PlaylistSongs.js
@@ -54,7 +54,7 @@ const PlaylistSongs = (props) => {
   const classes = useStyles(props)
   const classesToolbar = useStylesListToolbar(props)
   const isXsmall = useMediaQuery((theme) => theme.breakpoints.down('xs'))
-  // const isDesktop = useMediaQuery((theme) => theme.breakpoints.up('md'))
+  const isDesktop = useMediaQuery((theme) => theme.breakpoints.up('md'))
   const controllerProps = useListController(props)
   const refresh = useRefresh()
   const { bulkActionButtons, expand, className, playlistId } = props
@@ -112,9 +112,9 @@ const PlaylistSongs = (props) => {
               {...controllerProps}
               hasBulkActions={hasBulkActions}
             >
-              <TextField source="id" label={'#'} />
+              {isDesktop && <TextField source="id" label={'#'} />}
               <TextField source="title" />
-              <TextField source="artist" />
+              {isDesktop && <TextField source="artist" />}
               <DurationField source="duration" />
               <SongContextMenu onAddToPlaylist={onAddToPlaylist} />
             </Datagrid>