Merge remote-tracking branch 'upstream/master'

dashboard-ui/css/librarybrowser.css

@@ -1204,16 +1204,16 @@ a.itemTag:hover {
     width: 250px;
 }
 
-.ui-panel-dismiss-open.ui-panel-dismiss-position-right[data-panelid=playerSelectionPanel] {
-    right: 250px;
-}
+    .playerSelectionPanel + .ui-panel-dismiss {
+        right: 250px;
+    }
 
 @media all and (min-width: 600px) {
     .playerSelectionPanel {
         width: 300px;
     }
 
-    .ui-panel-dismiss-open.ui-panel-dismiss-position-right[data-panelid=playerSelectionPanel] {
-        right: 300px;
-    }
-}
+        .playerSelectionPanel + .ui-panel-dismiss {
+            right: 300px;
+        }
+}

dashboard-ui/css/posteritem.css

@@ -161,6 +161,14 @@
         height: 144px;
     }
 
+.bannerPosterItem {
+    width: 280px;
+}
+
+    .bannerPosterItem .posterItemImage {
+        height: 51.8px;
+    }
+
 .posterItemProgress .itemProgressBar {
     height: 10px;
     width: 100%;
@@ -263,6 +271,14 @@
         .smallBackdropPosterItem .posterItemImage {
             height: 113.625px;
         }
+
+    .bannerPosterItem {
+        width: 300px;
+    }
+
+        .bannerPosterItem .posterItemImage {
+            height: 55.5px;
+        }
 }
 
 @media all and (min-width: 750px) {
@@ -274,6 +290,14 @@
         .portraitPosterItem .posterItemImage {
             height: 177px;
         }
+
+    .bannerPosterItem {
+        width: 330px;
+    }
+
+        .bannerPosterItem .posterItemImage {
+            height: 61.05px;
+        }
 }
 
 @media all and (min-width: 1000px) {
@@ -301,6 +325,14 @@
     .storeReviewCount {
         display: inline;
     }
+
+    .bannerPosterItem {
+        width: 500px;
+    }
+
+        .bannerPosterItem .posterItemImage {
+            height: 92.5px;
+        }
 }
 
 @media all and (min-width: 1440px) {
@@ -320,4 +352,4 @@
         .backdropPosterItem .posterItemImage {
             height: 167.625px;
         }
-}
+}

dashboard-ui/css/search.css

@@ -2,18 +2,18 @@
     width: 250px;
 }
 
-.ui-panel-dismiss-open.ui-panel-dismiss-position-right[data-panelid=searchPanel] {
-    right: 250px;
-}
+    .searchPanel + .ui-panel-dismiss {
+        right: 250px;
+    }
 
 @media all and (min-width: 600px) {
     .searchPanel {
         width: 300px;
     }
 
-    .ui-panel-dismiss-open.ui-panel-dismiss-position-right[data-panelid=searchPanel] {
-        right: 300px;
-    }
+        .searchPanel + .ui-panel-dismiss {
+            right: 300px;
+        }
 }
 
 .searchHints {