diff --git a/dashboard-ui/boxset.html b/dashboard-ui/boxset.html
deleted file mode 100644
index 15577c7089..0000000000
--- a/dashboard-ui/boxset.html
+++ /dev/null
@@ -1,60 +0,0 @@
-
-
-
-
-
-
-
-
-
diff --git a/dashboard-ui/css/librarybrowser.css b/dashboard-ui/css/librarybrowser.css
index f8161c516e..4e104c99a3 100644
--- a/dashboard-ui/css/librarybrowser.css
+++ b/dashboard-ui/css/librarybrowser.css
@@ -89,6 +89,11 @@
/*.libraryPage:not(.folderListPage) > .ui-content, .libraryPage:not(.folderListPage) > .ui-panel-content-wrap {
margin-top: -35px!important;
}*/
+
+ .detailPageContent {
+ width: 90%;
+ margin: 0 auto;
+ }
}
@media all and (min-width: 1200px) {
@@ -106,6 +111,10 @@
.ehsContent {
max-width: 900px;
}
+
+ .detailPageContent {
+ width: 70%;
+ }
}
@media all and (min-width: 1920px) {
@@ -148,12 +157,12 @@
border-bottom: 1px solid #555;
padding-bottom: 5px;
margin-bottom: .5em;
- font-weight: bold;
}
.mediaInfoDetails {
- margin: 0 0 0 2em;
+ margin: 0 0 0 1.5em;
padding: 0;
+ list-style-type: circle;
}
.mediaInfoLabel {
@@ -237,6 +246,10 @@
margin: 1em 0 1.5em;
}
+.scenePosterViewItem img {
+ max-width: 150px!important;
+}
+
@media all and (min-width: 650px) {
.detailPagePrimaryInfo {
padding: 0 10px;
@@ -278,6 +291,10 @@
.posterDetailViewItem {
width: 31%;
}
+
+ .scenePosterViewItem img {
+ max-width: 200px!important;
+ }
}
@media all and (min-width: 1440px) {
diff --git a/dashboard-ui/css/site.css b/dashboard-ui/css/site.css
index a62c2a19f4..dcbc651d2e 100644
--- a/dashboard-ui/css/site.css
+++ b/dashboard-ui/css/site.css
@@ -660,7 +660,6 @@ progress {
.itemDetailImage {
max-width: 100%;
- max-height: 300px;
}
.itemImageBlock {
@@ -712,8 +711,8 @@ progress {
display: inline-block;
}
- .itemDetailImage, .itemImageBlock {
- max-width: 220px;
+ .itemDetailImage {
+ width: 220px;
}
.itemDetailBlock {
@@ -731,11 +730,7 @@ progress {
@media all and (min-width: 750px) {
.itemDetailImage {
- max-height: 400px;
- }
-
- .itemDetailImage, .itemImageBlock {
- max-width: 300px;
+ width: 300px;
}
.itemDetailBlock {
@@ -753,10 +748,6 @@ progress {
@media all and (min-width: 1200px) {
- .itemDetailBlock {
- width: 70%;
- }
-
.galleryImage {
width: 200px;
}
@@ -764,8 +755,8 @@ progress {
@media all and (min-width: 1440px) {
- .itemDetailImage, .itemImageBlock {
- max-width: 400px;
+ .itemDetailImage {
+ width: 400px;
}
.itemDetailBlock {
diff --git a/dashboard-ui/itemdetails.html b/dashboard-ui/itemdetails.html
index faee8628c3..3f65184dba 100644
--- a/dashboard-ui/itemdetails.html
+++ b/dashboard-ui/itemdetails.html
@@ -4,71 +4,146 @@
-