update bravia profiles

dashboard-ui/css/librarybrowser.css

@@ -80,9 +80,9 @@
     margin-top: 20px;
 }
 
-.homePageSection + .homePageSection {
-    margin-top: 30px;
-}
+    .homePageSection + .homePageSection {
+        margin-top: 30px;
+    }
 
 .sectionHeaderButton {
     vertical-align: middle;
@@ -1150,16 +1150,20 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
     line-height: 1;
 }
 
-    .alphabetPicker a {
-        display: block;
-        text-decoration: none;
-        padding: 1px 0;
-        font-weight: 500;
-    }
+.bottomSecondaryNav .alphabetPicker{
+    bottom: 55px;
+}
 
-        .alphabetPicker a:not(.selectedCharacter) {
-            color: #bbb !important;
-        }
+.alphabetPicker a {
+    display: block;
+    text-decoration: none;
+    padding: 1px 0;
+    font-weight: 500;
+}
+
+    .alphabetPicker a:not(.selectedCharacter) {
+        color: #bbb !important;
+    }
 
 
 .selectedCharacter {
@@ -1199,7 +1203,7 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
         margin-right: auto;
     }
 
-@media all and (min-height: 500px) {
+@media all and (min-height: 520px) {
 
     .alphabetPicker {
         display: block;
@@ -1217,7 +1221,35 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
     }
 }
 
-@media all and (min-height: 800px) {
+@media all and (min-height: 600px) {
+
+    .alphabetPicker a {
+        padding: 2px 0;
+    }
+}
+
+@media all and (min-height: 650px) {
+
+    .alphabetPicker a {
+        padding: 3px 0;
+    }
+}
+
+@media all and (min-height: 700px) {
+
+    .alphabetPicker a {
+        padding: 4px 0;
+    }
+}
+
+@media all and (min-height: 750px) {
+
+    .alphabetPicker a {
+        padding: 5px 0;
+    }
+}
+
+@media all and (min-height: 750px) {
 
     .alphabetPicker a {
         padding: 5px 0;
@@ -1546,10 +1578,6 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
     }
 }
 
-.latestChannelItemsDisabled .latestChannelItemsTab {
-    display: none !important;
-}
-
 .studioTabDisabled .tvStudiosTab, .studioTabDisabled .movieStudiosTab {
     display: none !important;
 }
@@ -1562,14 +1590,6 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
     display: none !important;
 }
 
-.musicSongsTabDisabled .musicSongsTab {
-    display: none !important;
-}
-
-.musicArtistsTabDisabled .musicArtistsTab {
-    display: none !important;
-}
-
 .movieTrailersTabDisabled .movieTrailersTab {
     display: none !important;
 }

dashboard-ui/css/librarymenu.css

@@ -142,6 +142,10 @@
     -webkit-overflow-scrolling: touch;
 }
 
+    .libraryViewNav .material-icons {
+        display: none;
+    }
+
 .bottomSecondaryNav .libraryViewNav {
     top: initial;
     bottom: 0;
@@ -231,7 +235,7 @@
 
 .libraryViewNav a {
     display: inline-block;
-    padding: 12px 0 9px;
+    padding: 14px 13px 11px;
     color: rgba(255,255,255,.8) !important;
     text-decoration: none;
     margin: 0 0;
@@ -240,19 +244,10 @@
     border-bottom: 5px solid transparent;
 }
 
-.bottomSecondaryNav .libraryViewNav a {
-    padding: 12px 0 12px;
-}
-
 .libraryViewNav a:not(.ui-btn-active):hover {
     color: #2ad !important;
 }
 
-.libraryViewNavLinkContent {
-    display: inline-block;
-    padding: 2px 13px 2px 13px;
-}
-
 @media all and (max-width: 500px) {
 
     .libraryMenuButtonText {

dashboard-ui/css/mediaplayer-video.css

@@ -47,7 +47,7 @@
 }
 
 .videoTopControls {
-    padding: 1em;
+    padding: 0 1em;
     background-color: rgba(0, 0, 0, .5);
     position: absolute;
     left: 0;
@@ -157,6 +157,8 @@
 
 .videoTopControlsLogo {
     float: left;
+    /* Matches .mediaButton */
+    padding-top: 16px;
 }
 
     .videoTopControlsLogo img {

dashboard-ui/css/mediaplayer.css

@@ -1,6 +1,6 @@
 /* Now playing bar */
 .nowPlayingBar {
-    padding: 16px 0 16px 0;
+    padding: 0;
     border-top: 1px solid #444;
     text-align: center;
 }
@@ -13,7 +13,8 @@
     vertical-align: middle;
     font-size: 30px;
     color: #e8e8e8;
-    margin: 0 10px;
+    margin: 0;
+    padding: 16px 12px;
     min-width: 30px;
     text-align: center;
 }
@@ -22,6 +23,10 @@
     font-size: 26px;
 }
 
+.videoControls .mediaButton {
+    padding: 0 10px;
+}
+
 #mediaElement {
     display: inline-block;
     position: relative;

dashboard-ui/css/site.css

@@ -467,7 +467,7 @@ h1 a:hover {
     transform: translateY(-100%);
 }
 
-.libraryViewNav.headroom--unpinned {
+.libraryViewNav.headroom--unpinned:not(.headroomDisabled) {
     -webkit-transform: translateY(-200%);
     transform: translateY(-200%);
 }
@@ -501,6 +501,9 @@ h1 a:hover {
     }
 }
 
+textarea {
+    width: 100%;
+}
 
 pre, textarea.pre {
     display: block;
@@ -534,6 +537,10 @@ pre, textarea.pre {
     display: none;
 }
 
+.forceHide {
+    display: none !important;
+}
+
 /*
     Header
     */