minor poster style tweaks in the web client

dashboard-ui/css/tileitem.css

@@ -36,7 +36,7 @@
 }
 
 .tileItem p {
-    margin: .5em 0 0;
+    margin: 1em 0 0;
 }
 
 .tileContent {
@@ -67,12 +67,12 @@
 }
 
 .smallPosterTileItem .tileImage {
-    height: 95px;
-    width: 30%;
+    height: 110px;
+    width: 35%;
 }
 
 .smallPosterTileItem .tileContent {
-    width: 65%;
+    width: 60%;
 }
 
 .smallPosterTileItem .tileName {
@@ -143,7 +143,7 @@
         }
 
     .smallPosterTileItem {
-        width: 210px;
+        width: 46%;
         display: inline-block;
         margin: 3px;
     }
@@ -163,6 +163,10 @@
     }
 
 
+    .smallPosterTileItem {
+        width: 30%;
+    }
+
     .backdropTileItem, .posterTileItem, .squareTileItem {
         width: 46%;
     }
@@ -183,7 +187,7 @@
 @media all and (min-width: 850px) {
 
     .smallBackdropTileItem {
-        width: 370px;
+        width: 47%;
         display: inline-block;
     }
 
@@ -203,10 +207,6 @@
         width: 30.5%;
     }
 
-    .tileItem p {
-        margin: .75em 0 0;
-    }
-
     .tileItem .itemProgress {
         font-size: 17px;
     }
@@ -254,6 +254,14 @@
         .squareTileItem .tileImage {
             height: 130px;
         }
+
+    .smallPosterTileItem {
+        width: 22%;
+    }
+
+    .smallBackdropTileItem {
+        width: 30%;
+    }
 }
 
 @media all and (min-width: 1440px) {

dashboard-ui/scripts/Itemdetailpage.js

@@ -151,7 +151,7 @@
             $('#castCollapsible', page).hide();
         } else {
             $('#castCollapsible', page).show();
-            renderCast(page, item, context, 10);
+            renderCast(page, item, context, 8);
         }
 
         if (!item.PartCount || item.PartCount < 2) {
@@ -457,7 +457,8 @@
                 var html = LibraryBrowser.getPosterDetailViewHtml({
                     items: result.Items,
                     useAverageAspectRatio: true,
-                    shape: shape
+                    shape: shape,
+                    showParentName: false
                 });
 
                 $('#childrenContent', page).html(html);

dashboard-ui/scripts/librarybrowser.js

@@ -162,10 +162,12 @@
 
                 html += '<div class="tileContent">';
 
+                if (options.showParentName !== false) {
                     if (item.SeriesName || item.Album || item.AlbumArtist) {
                         var seriesName = item.SeriesName || item.Album || item.AlbumArtist;
                         html += '<div class="tileName">' + seriesName + '</div>';
                     }
+                }
 
                 var name = LibraryBrowser.getPosterViewDisplayName(item);
 
@@ -205,6 +207,10 @@
 
                     html += '<p class="itemMiscInfo">' + item.GameSystem + '</p>';
                 }
+                else if (item.Type == "Episode") {
+
+                    // Skip it. Just clutter
+                }
                 else {
                     html += '<p class="itemMiscInfo">' + LibraryBrowser.getMiscInfoHtml(item) + '</p>';
                 }