update audio transcoding bitrate

dashboard-ui/css/card.css

@@ -284,9 +284,7 @@
     }
 }
 
-
-@media all and (min-width: 640px) {
-
+@media all and (min-width: 700px) {
     .backdropCard {
         width: 33.3%;
     }
@@ -296,7 +294,6 @@
     }
 }
 
-
 @media all and (min-width: 800px) {
 
     .squareCard {
@@ -319,10 +316,6 @@
         width: 20%;
     }
 
-    .backdropCard {
-        width: 25%;
-    }
-
     .smallBackdropCard {
         width: 20%;
     }
@@ -331,6 +324,10 @@
 
 @media all and (min-width: 1200px) {
 
+    .backdropCard {
+        width: 25%;
+    }
+
     .squareCard {
         width: 16.666666666666666666666666666667%;
     }
@@ -483,15 +480,6 @@
     }
 }
 
-
-@media all and (min-width: 600px) {
-
-    .detailPageSquareCard {
-        width: 20%;
-    }
-}
-
-
 /** homePageSmallBackdropCard */
 .homePageSmallBackdropCard .cardPadder {
     padding-bottom: 56.25%;

dashboard-ui/css/librarybrowser.css

@@ -384,7 +384,7 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
 
 .noBackdrop {
     height: auto;
-    margin: 2.5em 0 0;
+    margin: 3em 0 0;
 }
 
     .noBackdrop .itemBackdropContent {
@@ -633,7 +633,7 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
 
 .detailSection {
     vertical-align: top;
-    margin-bottom: 2em;
+    margin-bottom: 2.5em;
 }
 
 .detailCollapsibleSection:not(.hide) + .detailCollapsibleSection {
@@ -664,7 +664,7 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
 }
 
     .detailSectionHeader, .detailSectionHeader h3 {
-        font-size: 16px;
+        font-size: 17px;
         font-weight: 400;
     }
 
@@ -754,13 +754,37 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
 
 @media all and (max-width: 800px) {
 
-    .editorMenuLink {
-        display: none;
+    .itemBackdrop:not(.noBackdrop) {
+        height: 500px;
     }
+}
+
+@media all and (max-height: 800px), (max-width: 700px) {
+
+    .itemBackdrop:not(.noBackdrop) {
+        height: 400px;
+    }
+}
+
+@media all and (max-height: 700px) {
+
+    .itemBackdrop:not(.noBackdrop) {
+        height: 340px;
+    }
+}
+
+@media all and (max-height: 600px), (max-width: 600px) {
 
     .itemBackdrop:not(.noBackdrop) {
         height: 280px;
     }
+}
+
+@media all and (max-width: 800px) {
+
+    .editorMenuLink {
+        display: none;
+    }
 
     .itemDetailImage {
         max-height: 240px;

dashboard-ui/css/librarymenu.css

@@ -12,6 +12,10 @@
     margin: .5em 0;
 }
 
+.headerBackButton {
+    padding-right: 0!important;
+}
+
 .viewMenuBar, .barsMenuButton, .libraryMenuButtonText, .btnCast {
     height: 50px;
 }
@@ -50,7 +54,6 @@
 }
 
 .headerButtonLeft {
-    float: left;
     padding: 0 15px;
 }