From 96a14ec484ea48417ccd97235067c96678ada421 Mon Sep 17 00:00:00 2001
From: Deluan <deluan@navidrome.org>
Date: Wed, 7 Apr 2021 16:10:31 -0400
Subject: [PATCH] Hide QualityInfo on small screens

---
 ui/src/album/AlbumSongs.js       | 2 +-
 ui/src/playlist/PlaylistSongs.js | 2 +-
 ui/src/song/SongList.js          | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/ui/src/album/AlbumSongs.js b/ui/src/album/AlbumSongs.js
index 378c6a51..44f4df1a 100644
--- a/ui/src/album/AlbumSongs.js
+++ b/ui/src/album/AlbumSongs.js
@@ -127,7 +127,7 @@ const AlbumSongs = (props) => {
             />
             {isDesktop && <TextField source="artist" sortable={false} />}
             <DurationField source="duration" sortable={false} />
-            <QualityInfo source="quality" sortable={false} />
+            {isDesktop && <QualityInfo source="quality" sortable={false} />}
             {isDesktop && config.enableStarRating && (
               <RatingField
                 source="rating"
diff --git a/ui/src/playlist/PlaylistSongs.js b/ui/src/playlist/PlaylistSongs.js
index 5f79665e..4d202d51 100644
--- a/ui/src/playlist/PlaylistSongs.js
+++ b/ui/src/playlist/PlaylistSongs.js
@@ -165,7 +165,7 @@ const PlaylistSongs = ({ playlistId, readOnly, actions, ...props }) => {
               {isDesktop && <AlbumLinkField source="album" />}
               {isDesktop && <TextField source="artist" />}
               <DurationField source="duration" className={classes.draggable} />
-              <QualityInfo source="quality" sortable={false} />
+              {isDesktop && <QualityInfo source="quality" sortable={false} />}
               <SongContextMenu
                 onAddToPlaylist={onAddToPlaylist}
                 showLove={false}
diff --git a/ui/src/song/SongList.js b/ui/src/song/SongList.js
index 58e089b5..03cada6d 100644
--- a/ui/src/song/SongList.js
+++ b/ui/src/song/SongList.js
@@ -119,7 +119,7 @@ const SongList = (props) => {
                 sortByOrder={'DESC'}
               />
             )}
-            <QualityInfo source="quality" sortable={false} />
+            {isDesktop && <QualityInfo source="quality" sortable={false} />}
             <DurationField source="duration" />
             {config.enableStarRating && (
               <RatingField