From 46a055935b5b141f5e63a8fb24ab14dc196bf9a7 Mon Sep 17 00:00:00 2001
From: samuel9554 <samuel95_54@hotmail.com>
Date: Mon, 13 Apr 2020 08:18:09 -0400
Subject: [PATCH] As suggested by @MrTimscampi defaultCardBackground

---
 src/components/remotecontrol/remotecontrol.css | 7 +++++++
 src/components/remotecontrol/remotecontrol.js  | 2 +-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/remotecontrol/remotecontrol.css b/src/components/remotecontrol/remotecontrol.css
index af03c51e0a..08192cae05 100644
--- a/src/components/remotecontrol/remotecontrol.css
+++ b/src/components/remotecontrol/remotecontrol.css
@@ -209,6 +209,13 @@
         margin: 0;
     }
 
+    .nowPlayingAlbum,
+    .nowPlayingArtist {
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+    }
+
     .nowPlayingInfoContainerMedia {
         text-align: left !important;
         width: 80%;
diff --git a/src/components/remotecontrol/remotecontrol.js b/src/components/remotecontrol/remotecontrol.js
index dce9502d82..a6d8c21dc7 100644
--- a/src/components/remotecontrol/remotecontrol.js
+++ b/src/components/remotecontrol/remotecontrol.js
@@ -194,7 +194,7 @@ define(["browser", "datetime", "backdrop", "libraryBrowser", "listView", "imageL
                 context.querySelector(".nowPlayingPageImage").classList.remove("nowPlayingPageImageAudio");
             }
         } else {
-            imgContainer.innerHTML = '<div class="nowPlayingPageImageContainerNoAlbum"><button data-action="link" class="cardContent-button cardImageContainer coveredImage defaultCardBackground defaultCardBackground' + cardBuilder.getDefaultBackgroundClass(item.Name) + ' cardContent cardContent-shadow itemAction"><i class="cardImageIcon material-icons">album</i></button></div>';
+            imgContainer.innerHTML = '<div class="nowPlayingPageImageContainerNoAlbum"><button data-action="link" class="cardContent-button cardImageContainer coveredImage ' + cardBuilder.getDefaultBackgroundClass(item.Name) + ' cardContent cardContent-shadow itemAction"><i class="cardImageIcon material-icons">album</i></button></div>';
         }
     }