diff --git a/frontend/src/AlbumStudio/AlbumStudio.js b/frontend/src/AlbumStudio/AlbumStudio.js
index 6e775df5c..2506015a6 100644
--- a/frontend/src/AlbumStudio/AlbumStudio.js
+++ b/frontend/src/AlbumStudio/AlbumStudio.js
@@ -145,7 +145,7 @@ class AlbumStudio extends Component {
{
!isFetching && !!error &&
-
Unable to load the calendar
+ Unable to load the Album Studio
}
{
diff --git a/frontend/src/AlbumStudio/AlbumStudioAlbum.css b/frontend/src/AlbumStudio/AlbumStudioAlbum.css
index 1ef8e94f0..f3c9f6102 100644
--- a/frontend/src/AlbumStudio/AlbumStudioAlbum.css
+++ b/frontend/src/AlbumStudio/AlbumStudioAlbum.css
@@ -1,4 +1,4 @@
-.season {
+.album {
display: flex;
align-items: stretch;
overflow: hidden;
@@ -13,6 +13,15 @@
padding: 0 4px;
}
+.albumType {
+ padding: 0 4px;
+ border-width: 0 1px;
+ border-style: solid;
+ border-color: $borderColor;
+ background-color: $white;
+ color: $defaultColor;
+}
+
.tracks {
padding: 0 4px;
background-color: $white;
@@ -22,3 +31,7 @@
.allTracks {
background-color: #e0ffe0;
}
+
+.missingWanted {
+ background-color: #ffe0e0;
+}
diff --git a/frontend/src/AlbumStudio/AlbumStudioAlbum.js b/frontend/src/AlbumStudio/AlbumStudioAlbum.js
index 947ec9565..8bec82840 100644
--- a/frontend/src/AlbumStudio/AlbumStudioAlbum.js
+++ b/frontend/src/AlbumStudio/AlbumStudioAlbum.js
@@ -24,6 +24,8 @@ class AlbumStudioAlbum extends Component {
render() {
const {
title,
+ disambiguation,
+ albumType,
monitored,
statistics,
isSaving
@@ -36,7 +38,7 @@ class AlbumStudioAlbum extends Component {
} = statistics;
return (
-
+
{
- `${title}`
+ disambiguation ? `${title} (${disambiguation})` : `${title}`
+ }
+
+
+
+
+
+ {
+ `${albumType}`
}
@@ -54,6 +64,7 @@ class AlbumStudioAlbum extends Component {
-
+
{
- albums.map((season) => {
+ albums.map((album) => {
return (
);