more on music front page

dashboard-ui/css/librarybrowser.css

@@ -253,12 +253,12 @@
     width: 65%;
 }
 
-.cdTileItem .tileImage {
+.squareTileItem .tileImage {
     height: 100px;
     width: 35%;
 }
 
-.cdTileItem .tileContent {
+.squareTileItem .tileContent {
     width: 60%;
 }
 
@@ -313,7 +313,7 @@
         height: 120px;
     }
 
-    .cdTileItem .tileImage {
+    .squareTileItem .tileImage {
         height: 115px;
     }
 }
@@ -363,11 +363,11 @@
         height: 136px;
     }
 
-    .cdTileItem {
+    .squareTileItem {
         width: 31%;
     }
 
-        .cdTileItem .tileImage {
+        .squareTileItem .tileImage {
             height: 105px;
         }
 }
@@ -385,7 +385,7 @@
         width: 31.5%;
     }
 
-    .cdTileItem .tileImage {
+    .squareTileItem .tileImage {
         height: 130px;
     }
 
@@ -407,7 +407,7 @@
         width: 31.5%;
     }
 
-    .cdTileItem .tileImage {
+    .squareTileItem .tileImage {
         height: 155px;
     }
 
@@ -434,11 +434,11 @@
         width: 23.5%;
     }
 
-    .cdTileItem {
+    .squareTileItem {
         width: 23.5%;
     }
 
-        .cdTileItem .tileImage {
+        .squareTileItem .tileImage {
             height: 140px;
         }
 }
@@ -461,11 +461,11 @@
             height: 160px;
         }
 
-    .cdTileItem {
+    .squareTileItem {
         width: 18.8%;
     }
 
-        .cdTileItem .tileImage {
+        .squareTileItem .tileImage {
             height: 120px;
         }
 }
@@ -487,11 +487,11 @@
             height: 160px;
         }
 
-    .cdTileItem {
+    .squareTileItem {
         width: 18.8%;
     }
 
-        .cdTileItem .tileImage {
+        .squareTileItem .tileImage {
             height: 130px;
         }
 }
@@ -513,11 +513,11 @@
             height: 185px;
         }
 
-    .cdTileItem {
+    .squareTileItem {
         width: 18.8%;
     }
 
-        .cdTileItem .tileImage {
+        .squareTileItem .tileImage {
             height: 140px;
         }
 }
@@ -539,11 +539,11 @@
             height: 180px;
         }
 
-    .cdTileItem {
+    .squareTileItem {
         width: 15.8%;
     }
 
-        .cdTileItem .tileImage {
+        .squareTileItem .tileImage {
             height: 140px;
         }
 }

dashboard-ui/css/posteritem.css

@@ -124,11 +124,11 @@
         }
 
     .portraitPosterItem {
-        width: 100px;
+        width: 108px;
     }
 
         .portraitPosterItem .posterItemImage {
-            height: 150px;
+            height: 162px;
         }
 
     .posterItem {
@@ -138,8 +138,6 @@
 
 @media all and (min-width: 1440px) {
 
-
-
     .squarePosterItem {
         width: 170px;
     }
@@ -149,11 +147,11 @@
         }
 
     .portraitPosterItem {
-        width: 112px;
+        width: 120px;
     }
 
         .portraitPosterItem .posterItemImage {
-            height: 168px;
+            height: 180px;
         }
 }
 
@@ -176,11 +174,11 @@
         }
 
     .portraitPosterItem {
-        width: 126px;
+        width: 136px;
     }
 
         .portraitPosterItem .posterItemImage {
-            height: 189px;
+            height: 204px;
         }
 
     .posterItem {

dashboard-ui/scripts/itembynamedetailpage.js

@@ -266,7 +266,7 @@
 
         $("#radioAlbums", page).on("click", function () {
 
-            shape = "cd";
+            shape = "square";
             loadItems(page, {
                 MediaTypes: "",
                 IncludeItemTypes: "MusicAlbum",

dashboard-ui/scripts/musicalbums.js

@@ -26,7 +26,7 @@
                 items: result.Items,
                 useAverageAspectRatio: true,
                 context: "music",
-                shape: "cd"
+                shape: "square"
             });
 
             html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount);