don't persist lazy loaded paths

dashboard-ui/css/librarybrowser.css

@@ -797,7 +797,7 @@ a.itemTag:hover {
     top: 0;
     right: 0;
     text-align: center;
-    padding: 3px 5px;
+    padding: 5px 5px;
     border-bottom-left-radius: 10px;
     color: #fff;
     background: rgb(0, 143, 187);
@@ -816,6 +816,22 @@ a.itemTag:hover {
     background: rgb(248, 58, 34);
 }
 
+.unplayedIndicator {
+    display: block;
+    position: absolute;
+    top: 5px;
+    right: 5px;
+    text-align: center;
+    vertical-align: middle;
+    width: 28px;
+    height: 23px;
+    padding-top: 5px;
+    border-radius: 50%;
+    color: #fff;
+    background: rgb(82, 181, 75);
+    background: rgba(82, 181, 75, .8);
+}
+
 .itemProgress {
     vertical-align: top;
     font-size: 19px;
@@ -887,21 +903,21 @@ a.itemTag:hover {
 .itemProgressBar::-moz-progress-bar {
     border-radius: 0;
     background-image: none;
-    background-color: #A92D2D;
+    background-color: #52B54B;
 }
 
 /* Chrome */
 .itemProgressBar::-webkit-progress-value {
     border-radius: 0;
     background-image: none;
-    background-color: #A92D2D;
+    background-color: #52B54B;
 }
 
 /* Polyfill */
 .itemProgressBar[aria-valuenow]:before {
     border-radius: 0;
     background-image: none;
-    background-color: #A92D2D;
+    background-color: #52B54B;
 }
 
 .userDataIcons .itemProgressBar {

dashboard-ui/css/mediaplayer.css

@@ -1,6 +1,6 @@
 /* Now playing bar */
 .nowPlayingBar {
-    padding: 6px 0 15px 0;
+    padding: 6px 0 6px 0;
     border-top: 2px solid green;
 }
 

dashboard-ui/css/posteritem.css

@@ -1,5 +1,5 @@
 .posterItem {
-    margin: 6px;
+    margin: 8px;
     text-shadow: none;
     font-weight: normal!important;
     display: inline-block;
@@ -64,8 +64,8 @@
     white-space: nowrap;
     padding: 5px 4px 4px;
     text-shadow: none;
-    font-size: 15px;
-    font-weight: 300;
+    font-size: 13px;
+    font-weight: 400;
 }
 
 .posterItemTextOverlay {
@@ -88,7 +88,7 @@
 
 .posterItemTextOverlay .posterItemText {
     background-color: transparent;
-    padding: 1px 5px 4px !important;
+    padding-left: 5px;
 }
 
     .posterItemTextOverlay .posterItemText:first-child {
@@ -151,7 +151,7 @@
 .posterItemProgress .itemProgressBar {
     height: 10px;
     width: 100%;
-    opacity: .8;
+    opacity: .6;
 }
 
 @media all and (max-width: 400px) {

dashboard-ui/scripts/librarybrowser.js

@@ -257,7 +257,7 @@
                 if (item.LocationType == "Offline" || item.LocationType == "Virtual") {
                     html += LibraryBrowser.getOfflineIndicatorHtml(item);
                 } else {
-                    html += LibraryBrowser.getUnplayedIndicatorHtml(item);
+                    html += LibraryBrowser.getPlayedIndicatorHtml(item);
                 }
 
                 html += "</a>";
@@ -879,7 +879,7 @@
                         html += LibraryBrowser.getOfflineIndicatorHtml(item);
                     }
                 } else if (options.showUnplayedIndicator !== false) {
-                    html += LibraryBrowser.getUnplayedIndicatorHtml(item);
+                    html += LibraryBrowser.getPlayedIndicatorHtml(item);
                 }
                 html += '</div>';
 
@@ -1087,16 +1087,10 @@
             return '<div class="posterRibbon missingPosterRibbon">Missing</div>';
         },
 
-        getUnplayedIndicatorHtml: function (item) {
+        getPlayedIndicatorHtml: function (item) {
 
-            if (item.LocationType == 'Virtual') {
-                return '';
-            }
-
-            if (item.Type == "Series") {
-                if (item.RecursiveUnplayedItemCount && item.PlayedPercentage) {
-                    return '<div class="posterRibbon">' + item.RecursiveUnplayedItemCount + ' Unwatched</div>';
-                }
+            if (item.RecursiveUnplayedItemCount) {
+                return '<div class="unplayedIndicator">' + item.RecursiveUnplayedItemCount + '</div>';
             }
 
             return '';
@@ -1455,7 +1449,7 @@
             return html;
         },
 
-        getItemProgressBarHtml: function (item, includeText) {
+        getItemProgressBarHtml: function (item) {
 
             var html = '';
 
@@ -1485,10 +1479,6 @@
 
                 html += '<progress title="' + tooltip + '" class="itemProgressBar" min="0" max="100" value="' + pct + '">';
                 html += '</progress>';
-
-                if (includeText) {
-                    html += '<span class="itemProgressText">' + tooltip + '</span>';
-                }
             }
 
             return html;
@@ -1498,10 +1488,6 @@
 
             var html = '';
 
-            if (item.Type != "Audio" && item.Type != "Season" && item.Type != "Series") {
-                html += LibraryBrowser.getItemProgressBarHtml(item, true);
-            }
-
             var userData = item.UserData || {};
 
             var itemId = item.Id;

dashboard-ui/scripts/plugincatalogpage.js

@@ -108,7 +108,7 @@
             
             html += "</div>";
 
-            html += "<div class='posterItemText' style='color:#000;font-weight:400;'>";
+            html += "<div class='posterItemText' style='color:#000;font-weight:400;font-size:15px;'>";
             html += plugin.price > 0 ? "$" + plugin.price.toFixed(2) : "Free";
             html += Dashboard.getStoreRatingHtml(plugin.avgRating, plugin.id, plugin.name);