diff --git a/dashboard-ui/css/librarybrowser.css b/dashboard-ui/css/librarybrowser.css index b266c79ffd..23a4b54ca0 100644 --- a/dashboard-ui/css/librarybrowser.css +++ b/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; } } diff --git a/dashboard-ui/css/posteritem.css b/dashboard-ui/css/posteritem.css index 21f47df581..f5ff42df2b 100644 --- a/dashboard-ui/css/posteritem.css +++ b/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 { diff --git a/dashboard-ui/scripts/itembynamedetailpage.js b/dashboard-ui/scripts/itembynamedetailpage.js index 0d287999b9..bb495db6f0 100644 --- a/dashboard-ui/scripts/itembynamedetailpage.js +++ b/dashboard-ui/scripts/itembynamedetailpage.js @@ -266,7 +266,7 @@ $("#radioAlbums", page).on("click", function () { - shape = "cd"; + shape = "square"; loadItems(page, { MediaTypes: "", IncludeItemTypes: "MusicAlbum", diff --git a/dashboard-ui/scripts/musicalbums.js b/dashboard-ui/scripts/musicalbums.js index ef779e7570..f1bc15eefb 100644 --- a/dashboard-ui/scripts/musicalbums.js +++ b/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);