add the background filter back for active sessions

src/assets/css/dashboard.css

@@ -350,6 +350,10 @@ div[data-role=controlgroup] a.ui-btn-active {
     flex-direction: column;
 }
 
+.darkenContent {
+    background: rgba(0, 0, 0, 0.7);
+}
+
 .sessionAppName {
     vertical-align: top;
     max-width: 200px;

src/controllers/dashboard/dashboard.js

@@ -270,7 +270,7 @@ import confirm from '../../components/confirm/confirm';
                     html += '<div class="sessionNowPlayingContent"></div>';
                 }
 
-                html += '<div class="sessionNowPlayingInnerContent">';
+                html += `<div class="sessionNowPlayingInnerContent ${imgUrl ? 'darkenContent' : ''}">`;
                 html += '<div class="sessionAppInfo">';
                 const clientImage = DashboardPage.getClientImage(session);
 
@@ -608,8 +608,10 @@ import confirm from '../../components/confirm/confirm';
 
                 if (imgUrl) {
                     imgElem.classList.add('sessionNowPlayingContent-withbackground');
+                    row.querySelector('.sessionNowPlayingInnerContent').classList.add('darkenContent');
                 } else {
                     imgElem.classList.remove('sessionNowPlayingContent-withbackground');
+                    row.querySelector('.sessionNowPlayingInnerContent').classList.remove('darkenContent');
                 }
             }
         },

src/controllers/dashboard/plugins/installed/index.js

@@ -66,7 +66,7 @@ function getPluginCardHtml(plugin, pluginConfigurationPages) {
     if (configPageUrl) {
         html += `<a class="cardImageContainer" is="emby-linkbutton" style="margin:0;padding:0" href="${configPageUrl}">`;
     } else {
-        html += '<div class="cardImageContainer noConfigPluginCard noHoverEffect emby-button">';
+        html += '<div class="cardImageContainer noConfigPluginCard noHoverEffect emby-button" style="margin:0;padding:0">';
     }
 
     if (plugin.HasImage) {