diff --git a/ui/src/audioplayer/Player.js b/ui/src/audioplayer/Player.js
index 3bda8adf8..d411c5052 100644
--- a/ui/src/audioplayer/Player.js
+++ b/ui/src/audioplayer/Player.js
@@ -24,6 +24,15 @@ const useStyle = makeStyles((theme) => ({
audioTitle: {
textDecoration: 'none',
color: theme.palette.primary.light,
+ '&.songTitle': {
+ fontWeight: 'bold',
+ },
+ '&.songInfo': {
+ // 768 is where the player swaps views
+ [theme.breakpoints.down(769)]: {
+ display: 'none',
+ },
+ },
},
player: {
display: (props) => (props.visible ? 'block' : 'none'),
@@ -37,10 +46,17 @@ const audioTitle = (audioInfo) => {
}
const AudioTitle = ({ audioInfo, className }) => {
- const title = audioTitle(audioInfo)
+ if (!audioInfo.name) {
+ return ''
+ }
+
return (
- {title}
+ {audioInfo.name}
+
+
+ {`${audioInfo.singer} - ${audioInfo.album}`}
+
)
}