diff --git a/dashboard-ui/css/card.css b/dashboard-ui/css/card.css index f1982d6a3e..5d32a32bb0 100644 --- a/dashboard-ui/css/card.css +++ b/dashboard-ui/css/card.css @@ -81,7 +81,14 @@ } .largeCardMargin .visualCardBox { - margin: 18px; + margin: 12px; +} + +@media all and (min-width: 600px) { + + .largeCardMargin .visualCardBox { + margin: 18px; + } } .ui-page-theme-b .visualCardBox { diff --git a/dashboard-ui/css/librarymenu.css b/dashboard-ui/css/librarymenu.css index 620bef0963..b3d1167eff 100644 --- a/dashboard-ui/css/librarymenu.css +++ b/dashboard-ui/css/librarymenu.css @@ -55,10 +55,6 @@ vertical-align: middle; } -.headerSearchButton img { - height: 18px; -} - .headerButtonLeft { padding: 0 15px; } diff --git a/dashboard-ui/css/mediaplayer-video.css b/dashboard-ui/css/mediaplayer-video.css index afe5a99e28..9de8867207 100644 --- a/dashboard-ui/css/mediaplayer-video.css +++ b/dashboard-ui/css/mediaplayer-video.css @@ -252,7 +252,7 @@ #videoPlayer .nowPlayingImage img { height: auto !important; max-width: 400px; - max-height: 280px; + max-height: 300px; } } diff --git a/dashboard-ui/css/search.css b/dashboard-ui/css/search.css index 055a7fa873..2c2299f201 100644 --- a/dashboard-ui/css/search.css +++ b/dashboard-ui/css/search.css @@ -146,36 +146,37 @@ color: #ddd; border-radius: 3px; padding: 4px 7px 3px 50px; - font-size: 14px; + font-size: 16px; font-family: Roboto; outline: none; vertical-align: middle; - width: 180px; + width: 85%; } .searchInputIcon { position: absolute; left: 20px; - top: 6px; - font-size: 14px !important; + top: 15px; + font-size: 16px !important; color: #ddd !important; } .viewMenuSearch { - position: relative; - display: none; - margin-left: 2em; + position: fixed; + top: 0; + left: 0; + right: 0; + background: #000000; + z-index: 1000; } -@media all and (min-width: 1200px) { +.viewMenuSearch:not(.hide) { + display: inline-block; +} - .viewMenuSearch { - display: inline-block; - } - - .headerSearchButton { - display: none; - } +.viewMenuSearchForm { + max-width: initial; + padding: 10px; } .searchResultsOverlay { diff --git a/dashboard-ui/scripts/librarybrowser.js b/dashboard-ui/scripts/librarybrowser.js index b58187b362..00a54af932 100644 --- a/dashboard-ui/scripts/librarybrowser.js +++ b/dashboard-ui/scripts/librarybrowser.js @@ -964,7 +964,7 @@ var div = $('