better detail page context

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) {

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 {