diff --git a/ui/src/album/AlbumGridView.js b/ui/src/album/AlbumGridView.js
index ea7d2c06d..a52984652 100644
--- a/ui/src/album/AlbumGridView.js
+++ b/ui/src/album/AlbumGridView.js
@@ -32,7 +32,7 @@ const useStyles = makeStyles((theme) => ({
const getColsForWidth = (width) => {
if (width === 'xs') return 2
- if (width === 'sm') return 4
+ if (width === 'sm') return 3
if (width === 'md') return 5
if (width === 'lg') return 6
return 7
diff --git a/ui/src/album/AlbumListView.js b/ui/src/album/AlbumListView.js
index d772a29a2..eaa10e42d 100644
--- a/ui/src/album/AlbumListView.js
+++ b/ui/src/album/AlbumListView.js
@@ -35,6 +35,7 @@ const AlbumListView = (props) => {
render={(r) => (r.albumArtist ? r.albumArtist : r.artist)}
/>
{isDesktop && }
+ {isDesktop && }
{isDesktop && }
diff --git a/ui/src/i18n/en.js b/ui/src/i18n/en.js
index f35d77e0b..9e3654f9a 100644
--- a/ui/src/i18n/en.js
+++ b/ui/src/i18n/en.js
@@ -8,7 +8,8 @@ export default deepmerge(englishMessages, {
fields: {
albumArtist: 'Album Artist',
duration: 'Time',
- trackNumber: 'Track #'
+ trackNumber: 'Track #',
+ playCount: 'Plays'
},
bulk: {
addToQueue: 'Play Later'
@@ -17,7 +18,9 @@ export default deepmerge(englishMessages, {
album: {
fields: {
albumArtist: 'Album Artist',
- duration: 'Time'
+ duration: 'Time',
+ songCount: 'Songs',
+ playCount: 'Plays'
},
actions: {
playAll: 'Play',
diff --git a/ui/src/song/SongList.js b/ui/src/song/SongList.js
index 880ebf7e5..6466a916f 100644
--- a/ui/src/song/SongList.js
+++ b/ui/src/song/SongList.js
@@ -10,7 +10,8 @@ import {
SearchInput,
Show,
SimpleShowLayout,
- TextField
+ TextField,
+ FunctionField
} from 'react-admin'
import { useMediaQuery } from '@material-ui/core'
import {
@@ -93,7 +94,10 @@ const SongList = (props) => {
)}
{isDesktop && }
- {isDesktop && }
+ {isDesktop && }
+ {isDesktop && (
+ r.year || ''} />
+ )}
)}