diff --git a/dashboard-ui/css/librarybrowser.css b/dashboard-ui/css/librarybrowser.css index 984964081b..edda12f35d 100644 --- a/dashboard-ui/css/librarybrowser.css +++ b/dashboard-ui/css/librarybrowser.css @@ -291,6 +291,8 @@ span.itemCommunityRating:not(:empty) + .userDataIcons { .detailImageContainer { margin-right: 2em; + width: 280px; + flex-shrink: 0; } .detailPagePrimaryContent { @@ -325,10 +327,10 @@ span.itemCommunityRating:not(:empty) + .userDataIcons { .itemDetailImage { border: solid 1px transparent; - width: 280px; + width: 100%; } -.thumbDetailImageContainer .itemDetailImage { +.thumbDetailImageContainer { width: 400px; } @@ -355,6 +357,7 @@ span.itemCommunityRating:not(:empty) + .userDataIcons { position: absolute; top: -90px; left: 5%; + width: auto; } .itemDetailImage { diff --git a/dashboard-ui/css/site.css b/dashboard-ui/css/site.css index 80f68c4c37..86b203602c 100644 --- a/dashboard-ui/css/site.css +++ b/dashboard-ui/css/site.css @@ -89,6 +89,7 @@ h1, h2, h3 { h1 { font-weight: normal !important; opacity: .7; + font-size: 1.72em; } h2 { diff --git a/dashboard-ui/scripts/librarybrowser.js b/dashboard-ui/scripts/librarybrowser.js index 3c22f2cda2..7174703155 100644 --- a/dashboard-ui/scripts/librarybrowser.js +++ b/dashboard-ui/scripts/librarybrowser.js @@ -801,6 +801,14 @@ }); shape = 'square'; } + else if (item.SeriesId && item.SeriesPrimaryImageTag) { + + url = ApiClient.getScaledImageUrl(item.SeriesId, { + type: "Primary", + maxHeight: imageHeight, + tag: item.SeriesPrimaryImageTag + }); + } html += '
';