fix sync container statuses

dashboard-ui/bower_components/emby-webcomponents/cardbuilder/card.css

@@ -315,100 +315,100 @@
     background-color: #F57F17;
 }
 
-.scalableCard.bannerCard {
+.bannerCard-scalable {
     width: 100%;
 }
 
-.scalableCard.backdropCard {
+.backdropCard-scalable {
     width: 100%;
 }
 
-.scalableCard.smallBackdropCard {
+.smallBackdropCard-scalable {
     width: 50%;
 }
 
-.scalableCard.squareCard {
+.squareCard-scalable {
     width: 50%;
 }
 
-.scalableCard.portraitCard {
+.portraitCard-scalable {
     width: 33.333333333333333333333333333333%;
 }
 
-.scalableCard.overflowPortraitCard {
+.overflowPortraitCard-scalable {
     width: 40%;
     max-width: 200px;
 }
 
-.scalableCard.overflowBackdropCard {
+.overflowBackdropCard-scalable {
     width: 84%;
     max-width: 400px;
 }
 
-.scalableCard.overflowSquareCard {
+.overflowSquareCard-scalable {
     width: 42%;
 }
 
 @media all and (min-width: 420px) {
 
-    .scalableCard.backdropCard {
+    .backdropCard-scalable {
         width: 50%;
     }
 }
 
 @media all and (min-width: 500px) {
 
-    .scalableCard.smallBackdropCard {
+    .smallBackdropCard-scalable {
         width: 33.333333333333333333333333333333%;
     }
 
-    .scalableCard.squareCard {
+    .squareCard-scalable {
         width: 33.333333333333333333333333333333%;
     }
 }
 
 @media all and (min-width: 640px) {
 
-    .scalableCard.portraitCard {
+    .portraitCard-scalable {
         width: 25%;
     }
 
-    .scalableCard.overflowPortraitCard {
+    .overflowPortraitCard-scalable {
         width: 36%;
     }
 
-    .scalableCard.overflowBackdropCard {
+    .overflowBackdropCard-scalable {
         width: 60%;
     }
 
-    .scalableCard.overflowSquareCard {
+    .overflowSquareCard-scalable {
         width: 30%;
     }
 }
 
 @media all and (min-width: 700px) {
-    .scalableCard.squareCard {
+    .squareCard-scalable {
         width: 25%;
     }
 }
 
 @media all and (min-width: 770px) {
-    .scalableCard.backdropCard {
+    .backdropCard-scalable {
         width: 33.333333333333333333333333333333%;
     }
 }
 
 @media all and (min-width: 800px) {
 
-    .scalableCard.bannerCard {
+    .bannerCard-scalable {
         width: 50%;
     }
 
-    .scalableCard.portraitCard {
+    .portraitCard-scalable {
         width: 20%;
     }
 
-    .scalableCard.smallBackdropCard {
+    .smallBackdropCard-scalable {
         width: 25%;
     }
 }
@@ -416,7 +416,7 @@
 
 @media all and (min-width: 900px) {
 
-    .scalableCard.squareCard {
+    .squareCard-scalable {
         width: 20%;
     }
 }
@@ -424,42 +424,42 @@
 @media all and (min-width: 1000px) {
 
 
-    .scalableCard.smallBackdropCard {
+    .smallBackdropCard-scalable {
         width: 20%;
     }
 
-    .scalableCard.overflowPortraitCard {
+    .overflowPortraitCard-scalable {
         width: 23%;
     }
 
-    .scalableCard.overflowBackdropCard {
+    .overflowBackdropCard-scalable {
         width: 40%;
     }
 
-    .scalableCard.overflowSquareCard {
+    .overflowSquareCard-scalable {
         width: 22%;
     }
 }
 
 @media all and (min-width: 1200px) {
 
-    .scalableCard.backdropCard {
+    .backdropCard-scalable {
         width: 25%;
     }
 
-    .scalableCard.squareCard {
+    .squareCard-scalable {
         width: 16.666666666666666666666666666667%;
     }
 
-    .scalableCard.bannerCard {
+    .bannerCard-scalable {
         width: 33.333333333333333333333333333333%;
     }
 
-    .scalableCard.portraitCard {
+    .portraitCard-scalable {
         width: 16.666666666666666666666666666667%;
     }
 
-    .scalableCard.smallBackdropCard {
+    .smallBackdropCard-scalable {
         width: 16.666666666666666666666666666667%;
     }
 }
@@ -467,15 +467,15 @@
 
 @media all and (min-width: 1400px) {
 
-    .scalableCard.squareCard {
+    .squareCard-scalable {
         width: 14.285714285714285714285714285714%;
     }
 
-    .scalableCard.portraitCard {
+    .portraitCard-scalable {
         width: 14.285714285714285714285714285714%;
     }
 
-    .scalableCard.smallBackdropCard {
+    .smallBackdropCard-scalable {
         width: 14.285714285714285714285714285714%;
     }
 }
@@ -483,71 +483,71 @@
 
 @media all and (min-width: 1600px) {
 
-    .scalableCard.scalableCard.portraitCard {
+    .portraitCard-scalable {
         width: 12.5%;
     }
 
-    .scalableCard.scalableCard.smallBackdropCard {
+    .smallBackdropCard-scalable {
         width: 12.5%;
     }
 }
 
 @media all and (min-width: 1800px) {
 
-    .scalableCard.squareCard {
+    .squareCard-scalable {
         width: 12.5%;
     }
 
-    .scalableCard.smallBackdropCard {
+    .smallBackdropCard-scalable {
         width: 10%;
     }
 }
 
 @media all and (min-width: 2100px) {
 
-    .scalableCard.squareCard {
+    .squareCard-scalable {
         width: 11.111111111111111111111111111111%;
     }
 
-    .scalableCard.backdropCard {
+    .backdropCard-scalable {
         width: 20%;
     }
 
-    .scalableCard.portraitCard {
+    .portraitCard-scalable {
         width: 11.111111111111111111111111111111%;
     }
 }
 
 @media all and (min-width: 2200px) {
 
-    .scalableCard.bannerCard {
+    .bannerCard-scalable {
         width: 25%;
     }
 
-    .scalableCard.portraitCard {
+    .portraitCard-scalable {
         width: 10%;
     }
 }
 
 @media all and (min-width: 2500px) {
 
-    .scalableCard.backdropCard {
+    .backdropCard-scalable {
         width: 16.666666666666666666666666666667%;
     }
 }
 
-.layout-tv .scalableCard.backdropCard {
+.layout-tv .backdropCard-scalable {
     width: 25%;
 }
 
-.layout-tv .scalableCard.squareCard {
+.layout-tv .squareCard-scalable {
     width: 16.66666666666666667%;
 }
 
-.layout-tv .scalableCard.portraitCard {
+.layout-tv .portraitCard-scalable {
     width: 16.66666666666666667%;
 }
 
-.layout-tv .scalableCard.personCard {
+.layout-tv .personCard-scalable {
     width: 14.285714285714285714285714285714%;
 }

dashboard-ui/bower_components/emby-webcomponents/cardbuilder/cardbuilder.js

@@ -1014,7 +1014,7 @@ define(['datetime', 'imageLoader', 'connectionManager', 'itemHelper', 'mediaInfo
 
             var scalable = options.scalable !== false;
             if (scalable) {
-                className += " scalableCard";
+                className += " scalableCard " + options.shape + "Card-scalable";
             }
 
             var imgInfo = getCardImageUrl(item, apiClient, options);

dashboard-ui/bower_components/emby-webcomponents/cardbuilder/chaptercardbuilder.js

@@ -19,6 +19,7 @@ define(['datetime', 'imageLoader', 'connectionManager', 'itemShortcuts', 'layout
         }
 
         className += ' ' + shape + 'Card';
+        className += ' ' + shape + 'Card-scalable';
 
         if (options.block || options.rows) {
             className += ' block';

dashboard-ui/bower_components/emby-webcomponents/cardbuilder/peoplecardbuilder.js

@@ -51,7 +51,8 @@ define(['imageLoader', 'itemShortcuts', 'connectionManager', 'layoutManager'], f
 
     function buildPersonCard(person, apiClient, serverId, options, className) {
 
-        className += " itemAction scalableCard";
+        className += " itemAction scalableCard personCard-scalable";
+        className += " " + (options.shape || 'portrait') + 'Card-scalable';
 
         var imgUrl = getImgUrl(person, options.width, apiClient);
 

dashboard-ui/bower_components/emby-webcomponents/emby-checkbox/emby-checkbox.css

@@ -116,3 +116,7 @@
     display: flex;
     margin: .5em 0;
 }
+
+.checkboxList-paperList {
+    padding: 1em!important;
+}

dashboard-ui/bower_components/emby-webcomponents/itemidentifier/itemidentifier.js

@@ -176,13 +176,13 @@
         var cssClass = "card scalableCard";
 
         if (currentItemType == "Episode") {
-            cssClass += " backdropCard";
+            cssClass += " backdropCard backdropCard-scalable";
         }
         else if (currentItemType == "MusicAlbum" || currentItemType == "MusicArtist") {
-            cssClass += " squareCard";
+            cssClass += " squareCard squareCard-scalable";
         }
         else {
-            cssClass += " portraitCard";
+            cssClass += " portraitCard portraitCard-scalable";
         }
 
         html += '<button type="button" class="' + cssClass + '" data-index="' + index + '">';