diff --git a/index.php b/index.php index 2986cd1e..b76ceabf 100755 --- a/index.php +++ b/index.php @@ -30,7 +30,7 @@ Loading...
  • - +
  • diff --git a/static/css/style.css b/static/css/style.css index 60e99ffc..5cbcf378 100755 --- a/static/css/style.css +++ b/static/css/style.css @@ -166,6 +166,10 @@ hide mdi-action-visibility mdi-action-visibility-off text-align:right !important; } +.chan-name{ + text-transform: capitalize; +} + /*#channels li{opacity: 0;}*/ /*------------------- Channel page ---------------------------------------------------------------------------- */ @@ -211,14 +215,13 @@ hide mdi-action-visibility mdi-action-visibility-off } .title-container li{ - height:100%; height: 64px; - width: 500px; + height:100%; + width: 84%; padding: 0 15px; } .search-container{ - width: 35% !important; display: block; } @@ -302,7 +305,10 @@ hide mdi-action-visibility mdi-action-visibility-off .card{margin:5px 0 5px 0 !important;} #result img{float:left;padding-right:20px !important;} #result{height:100px;margin-left:40px;} -#results{background-color: rgba(0,0,0,0.6);} +#results{ + background-color: rgba(0,0,0,0.6); + margin-top: -27px; +} .result:hover { background-color: rgba(0,0,0,0.4); } diff --git a/static/js/search.js b/static/js/search.js index 41b57d3f..e5830225 100755 --- a/static/js/search.js +++ b/static/js/search.js @@ -45,6 +45,7 @@ $(document).ready(function() $(".main").removeClass("blurT"); $("#controls").removeClass("blurT"); $(".main").removeClass("clickthrough"); + showSearch(); }else{ i = 0; timer=100; @@ -114,6 +115,7 @@ $(document).keyup(function(e) { function showSearch(){ $("#search-wrapper").toggleClass("hide"); $("#song-title").toggleClass("hide"); + $("#search").focus(); } function search(search_input){ @@ -185,6 +187,7 @@ function search(search_input){ function submitAndClose(id,title,duration){ submit(id,title, true, duration); $("#results").html(''); + showSearch(); console.log("sub&closed"); }