update translations

dashboard-ui/css/librarybrowser.css

@@ -55,7 +55,6 @@
     border-spacing: 0;
     border-collapse: collapse;
     margin: 0 auto;
-    max-width: 650px;
 }
 
     .ehsContent td {
@@ -63,10 +62,6 @@
         border-spacing: 0;
     }
 
-.squareEhsContent {
-    max-width: 750px;
-}
-
 .homePageSection + .homePageSection {
     margin-top: 1em;
 }
@@ -85,55 +80,55 @@
 @media all and (min-width: 900px) {
 
     .ehsContent {
-        max-width: 880px;
+        width: 880px;
     }
 
     .squareEhsContent {
-        max-width: 750px;
+        width: 750px;
     }
 }
 
 @media all and (min-width: 1000px) {
 
     .ehsContent {
-        max-width: 905px;
+        width: 905px;
     }
 
     .squareEhsContent {
-        max-width: 900px;
+        width: 900px;
     }
 }
 
 @media all and (min-width: 1200px) {
 
     .ehsContent {
-        max-width: 925px;
+        width: 925px;
     }
 
     .squareEhsContent {
-        max-width: 900px;
+        width: 900px;
     }
 }
 
 @media all and (min-width: 1400px) {
 
     .ehsContent {
-        max-width: 1240px;
+        width: 1080px;
     }
 
     .squareEhsContent {
-        max-width: 1240px;
+        width: 1220px;
     }
 }
 
 @media all and (min-width: 1600px) {
 
     .homeEhsContent {
-        max-width: 1540px;
+        width: 1440px;
     }
 
     .squareEhsContent {
-        max-width: 1420px;
+        width: 1420px;
     }
 }
 
@@ -184,9 +179,9 @@
 }
 
     .galleryImageContainer:hover {
-        -moz-box-shadow: 0 0 20px 3px #38c;
-        -webkit-box-shadow: 0 0 20px 3px #38c;
-        box-shadow: 0 0 20px 3px #38c;
+        -moz-box-shadow: 0 0 0 5px #38c;
+        -webkit-box-shadow: 0 0 0 5px #38c;
+        box-shadow: 0 0 0 5px #38c;
     }
 
 .galleryImage {
@@ -376,9 +371,9 @@ a.itemTag:hover {
 
 .itemBackdrop {
     background-size: cover;
-    background-position: center 15%;
+    background-position: center 13%;
     background-repeat: no-repeat;
-    height: 570px;
+    height: 600px;
     position: relative;
 }
 
@@ -518,26 +513,23 @@ a.itemTag:hover {
 
 .detailSectionHeader {
     background-clip: border-box;
-    background-color: rgb(20, 20, 20);
-    border-bottom-color: rgb(31, 31, 31);
-    border-bottom-style: solid;
-    border-bottom-width: 1px;
-    border-left-color: rgb(31, 31, 31);
-    border-left-style: solid;
-    border-left-width: 1px;
-    border-right-color: rgb(31, 31, 31);
-    border-right-style: solid;
-    border-right-width: 1px;
-    border-top-color: rgb(31, 31, 31);
-    border-top-style: solid;
-    border-top-width: 1px;
+    background-color: #141414;
     font-size: 16px;
     font-weight: 400;
-    padding: .7em 0 .7em 1em;
+    padding: .75em 0 .75em 1em;
     border-radius: 4px;
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
+    position: relative;
+}
+
+.detailSectionHeaderButton {
+    position: absolute;
+    right: 0;
+    top: 7px;
+    margin-top: 0;
+    margin-bottom: 0;
 }
 
 .lblDetailTab {
@@ -700,21 +692,6 @@ a.itemTag:hover {
 
 @media all and (min-width: 1000px) {
 
-    .detailPageContent {
-        max-width: 900px;
-    }
-
-    .primaryDetailPageContent {
-        max-width: 850px;
-    }
-}
-
-@media all and (min-width: 1200px) {
-
-    .detailPageContent {
-        max-width: 930px;
-    }
-
     .primaryDetailPageContent {
         max-width: 850px;
     }