sync updates

dashboard-ui/css/librarybrowser.css

@@ -383,7 +383,7 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
 }
 
 .noBackdrop {
-    height: 260px;
+    height: 220px;
 }
 
     .noBackdrop .itemBackdropContent {
@@ -513,7 +513,7 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
     }
 
     .portraitDetailImageContainer img {
-        max-width: 220px;
+        max-width: 185px;
     }
 
     .lastDetailContentEffectedByImage.detailContentEffectedByPortraitImage {
@@ -537,6 +537,10 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
         padding: 0 1em;
     }
 
+    .portraitDetailImageContainer img {
+        max-height: 120px;
+    }
+
     .lastDetailContentEffectedByImage.detailContentEffectedByPortraitImage {
         min-height: initial;
     }

dashboard-ui/css/tileitem.css

@@ -486,6 +486,15 @@
     }
 }
 
+@media all and (min-width: 800px) {
+
+    .myLibraryPosterItem {
+        width: 32%;
+        /* Specify a min width just in case the container doesn't have a width */
+        min-width: 160px;
+    }
+}
+
 @media all and (min-width: 1000px) {
 
     .myLibraryPosterItem {
@@ -494,3 +503,47 @@
         min-width: 220px;
     }
 }
+
+@media all and (min-width: 1200px) {
+
+    .myLibraryPosterItem {
+        width: 24.0%;
+    }
+}
+
+@media all and (min-width: 1440px) {
+
+    .myLibraryPosterItem {
+        width: 19.0%;
+        /* Specify a min width just in case the container doesn't have a width */
+        min-width: 220px;
+    }
+}
+
+@media all and (min-width: 1600px) {
+
+    .myLibraryPosterItem {
+        width: 15.5%;
+    }
+}
+
+@media all and (min-width: 1700px) {
+
+    .myLibraryPosterItem {
+        width: 16%;
+    }
+}
+
+@media all and (min-width: 2000px) {
+
+    .myLibraryPosterItem {
+        width: 13.5%;
+    }
+}
+
+@media all and (min-width: 2300px) {
+
+    .myLibraryPosterItem {
+        width: 13.8%;
+    }
+}