From 4a063fc91489fb4f0ebcdc10b6020019dd352b2f Mon Sep 17 00:00:00 2001
From: Luke Pulverenti <luke.pulverenti@gmail.com>
Date: Sat, 17 Dec 2016 03:27:41 -0500
Subject: [PATCH] fix music album image inheritance

---
 dashboard-ui/css/librarybrowser.css | 20 +++++++++-----------
 dashboard-ui/dashboard.html         |  2 +-
 dashboard-ui/itemdetails.html       | 18 ++++--------------
 3 files changed, 14 insertions(+), 26 deletions(-)

diff --git a/dashboard-ui/css/librarybrowser.css b/dashboard-ui/css/librarybrowser.css
index f53604ef8..ff7cc84a4 100644
--- a/dashboard-ui/css/librarybrowser.css
+++ b/dashboard-ui/css/librarybrowser.css
@@ -12,7 +12,8 @@
 }
 
     .background-theme-b .backgroundContainer.withBackdrop {
-        background-color: rgba(6, 6,6, .74);
+        background-color: rgba(6, 6, 6, .94) !important;
+        background: linear-gradient(to right, rgba(0, 0, 0, .99), rgba(0, 0, 0, .96), rgba(0, 0, 0, .64)) !important;
     }
 
 .ui-body-b {
@@ -380,16 +381,6 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
         display: flex;
         margin-bottom: 3.6em;
     }
-
-    .shadedDetailSection, .detailPagePrimaryContainer {
-        background: rgba(0,0,0,.7);
-        padding: 1em;
-        box-shadow: 0 0 10px 1px black;
-    }
-
-    .detailSection h1 {
-        opacity: .9;
-    }
 }
 
 @media all and (max-width: 1200px) {
@@ -508,6 +499,13 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
         margin-top: 1.5em !important;
     }
 
+@media all and (min-width: 800px) {
+
+    .mainDetailButtons, .recordingFields button {
+        font-size: 110%;
+    }
+}
+
 .detailImageProgressContainer {
     position: absolute;
     bottom: 4px;
diff --git a/dashboard-ui/dashboard.html b/dashboard-ui/dashboard.html
index 03d3bf9bf..96814ee03 100644
--- a/dashboard-ui/dashboard.html
+++ b/dashboard-ui/dashboard.html
@@ -7,7 +7,7 @@
                 <div class="ui-bar-a welcomeMessage" style="display: none; padding: 2em; border-radius: 10px; margin: 2em 0; font-weight: normal; max-width: 800px;">
                     <h1 style="margin-top: 0;" class="tourHeader"></h1>
                     <p>
-                        <button class="btnTakeTour" type="button" data-icon="arrow-r" data-iconpos="right"><span class="tourButtonText"></span></button>
+                        <button is="emby-button" class="btnTakeTour raised button-submit block" type="button"><span class="tourButtonText"></span></button>
                     </p>
                 </div>
 
diff --git a/dashboard-ui/itemdetails.html b/dashboard-ui/itemdetails.html
index d920009e5..0ae9c3268 100644
--- a/dashboard-ui/itemdetails.html
+++ b/dashboard-ui/itemdetails.html
@@ -7,19 +7,9 @@
                 display: none;
             }
 
-            .detailPagePrimaryContainer {
-                display: flex;
-                margin-bottom: 3.6em;
-            }
-
-            .shadedDetailSection, .detailPagePrimaryContainer {
-                background: rgba(0, 0, 0, .7) !important;
-                padding: 1em !important;
-                box-shadow: 0 0 10px 1px black !important;
-            }
-
-            .detailSection h1 {
-                opacity: .9;
+            .background-theme-b .backgroundContainer.withBackdrop {
+                background-color: rgba(6, 6, 6, .94) !important;
+                background: linear-gradient(to right, rgba(0, 0, 0, .99), rgba(0, 0, 0, .94), rgba(0, 0, 0, .64)) !important;
             }
         }
     </style>
@@ -203,7 +193,7 @@
                 <div id="themeVideosContent" is="emby-itemscontainer" class="itemsContainer vertical-wrap"></div>
             </div>
 
-            <div class="detailSection audioVideoMediaInfo hide shadedDetailSection">
+            <div class="detailSection audioVideoMediaInfo hide">
                 <h1>${HeaderMediaInfo}</h1>
                 <div>
                     <div class="splitVersionContainer" style="border-bottom: 1px solid #444; padding: 1em 0;">