From 0dbbe23179ea873499cccc8dc135fa864eb04d7a Mon Sep 17 00:00:00 2001
From: Deluan <deluan@navidrome.org>
Date: Wed, 28 May 2025 18:39:20 -0400
Subject: [PATCH] fix(ui): refine playlist details layout and disable play date
 display for mobile

Signed-off-by: Deluan <deluan@navidrome.org>
---
 ui/src/playlist/PlaylistDetails.jsx | 1 -
 ui/src/playlist/PlaylistSongs.jsx   | 4 +++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/ui/src/playlist/PlaylistDetails.jsx b/ui/src/playlist/PlaylistDetails.jsx
index aead252c0..acccb15f7 100644
--- a/ui/src/playlist/PlaylistDetails.jsx
+++ b/ui/src/playlist/PlaylistDetails.jsx
@@ -76,7 +76,6 @@ const useStyles = makeStyles(
     stats: {
       marginTop: '1em',
       marginBottom: '0.5em',
-      display: 'inline-block',
     },
   }),
   {
diff --git a/ui/src/playlist/PlaylistSongs.jsx b/ui/src/playlist/PlaylistSongs.jsx
index f249c9793..cc3e0fb1c 100644
--- a/ui/src/playlist/PlaylistSongs.jsx
+++ b/ui/src/playlist/PlaylistSongs.jsx
@@ -149,7 +149,9 @@ const PlaylistSongs = ({ playlistId, readOnly, actions, ...props }) => {
       playCount: isDesktop && (
         <NumberField source="playCount" sortByOrder={'DESC'} />
       ),
-      playDate: <DateField source="playDate" sortByOrder={'DESC'} showTime />,
+      playDate: isDesktop && (
+        <DateField source="playDate" sortByOrder={'DESC'} showTime />
+      ),
       quality: isDesktop && <QualityInfo source="quality" sortable={false} />,
       channels: isDesktop && <NumberField source="channels" />,
       bpm: isDesktop && <NumberField source="bpm" />,