Fine tune colors, remove PlayButton from AlbumDetail

ui/src/album/AlbumDetails.js

@@ -6,7 +6,6 @@ import 'react-image-lightbox/style.css'
 import subsonic from '../subsonic'
 import { DurationField, formatRange, StarButton, SizeField } from '../common'
 import { ArtistLinkField } from '../common'
-import { PlayButton } from '../common'
 
 const AlbumDetails = ({ classes, record }) => {
   const [isLightboxOpen, setLightboxOpen] = React.useState(false)
@@ -37,13 +36,7 @@ const AlbumDetails = ({ classes, record }) => {
         image={imageUrl}
         className={classes.albumCover}
         onClick={handleOpenLightbox}
-      >
-        <PlayButton
-          record={record}
-          className={classes.playButton}
-          size={'large'}
-        />
-      </CardMedia>
+      ></CardMedia>
       <CardContent className={classes.albumDetails}>
         <Typography variant="h5" className={classes.albumTitle}>
           {record.name}
@@ -54,8 +47,8 @@ const AlbumDetails = ({ classes, record }) => {
         <Typography component="p">{genreYear(record)}</Typography>
         <Typography component="p">
           {record.songCount}{' '}
-          {translate('resources.song.name', { smart_count: record.songCount })}{' '}
-          · <DurationField record={record} source={'duration'} /> ·{' '}
+          {translate('resources.song.name', { smart_count: record.songCount })}
+          {' · '} <DurationField record={record} source={'duration'} /> {' · '}
           <SizeField record={record} source="size" />
         </Typography>
         <StarButton record={record} resource={'album'} size={'large'} />