update channel styles

dashboard-ui/css/librarybrowser.css

@@ -46,12 +46,12 @@
 }
 
 .listHeader {
-    margin-top: .5em;
+    margin-top: .7em;
     margin-bottom: 0;
     padding-left: 4px;
 }
 .firstListHeader {
-    margin-top: 0;
+    margin-top: .25em;
 }
 
 .ehsContent {

dashboard-ui/css/posteritem.css

@@ -28,11 +28,11 @@
     padding: 11px 12px 10px;
 }
 
-.posterItemOverlayInner p {
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-}
+    .posterItemOverlayInner p {
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+    }
 
 .posterItemImage {
     background-size: contain;
@@ -133,7 +133,7 @@
     display: none;
 }
 
-.smallBackdropPosterItem .posterItemOverlayInner>div {
+.smallBackdropPosterItem .posterItemOverlayInner > div {
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
@@ -215,6 +215,14 @@
         height: 67.5px;
     }
 
+.miniBackdropPosterItem {
+    width: 120px;
+}
+
+    .miniBackdropPosterItem .posterItemImage {
+        height: 67.5px;
+    }
+
 .portraitPosterItem {
     width: 96px;
 }
@@ -302,6 +310,14 @@
         .smallBackdropPosterItem .posterItemImage {
             height: 88.3125px;
         }
+
+    .miniBackdropPosterItem {
+        width: 148px;
+    }
+
+        .miniBackdropPosterItem .posterItemImage {
+            height: 83.25px;
+        }
 }
 
 @media all and (min-width: 540px) {
@@ -321,6 +337,14 @@
         .smallBackdropPosterItem .posterItemImage {
             height: 101.25px;
         }
+
+    .miniBackdropPosterItem {
+        width: 180px;
+    }
+
+        .miniBackdropPosterItem .posterItemImage {
+            height: 101.25px;
+        }
 }
 
 @media all and (min-width: 600px) {