Best design ever 4 realz

static/css/controlstyle.css

@@ -2,10 +2,9 @@
 #controls
 {
 	opacity:0;
-	height:30px;
+	height:5%;
 	background-color:rgba(255, 255, 255, 0.25);
-	position:absolute;
-	width:54%;
+	width:100%;
 	transition: 0.75s -webkit-filter linear;
 	-webkit-transform: translate3d(0,0,0);
 	-moz-transform: translate3d(0,0,0);
@@ -116,7 +115,7 @@
 
 #bar
 {
-	height:30px;
+	height:100%;
 	background-color:rgba(0,0,0,0.5);
 	-webkit-transition: width 1s ease;
     transition: width 1s ease;

static/css/style.css

@@ -130,7 +130,7 @@ hide mdi-action-visibility mdi-action-visibility-off
     margin: 0px;
     padding:0px;
 }
-nav{
+#nav{
     background-color:rgba(255,255,255, 0.1);
 }
 .video-container{
@@ -142,8 +142,10 @@ nav{
 
 #player{
   height:95%;
+  position: relative;
 }
 
+
 .nav-btn
 {
     transition: background-color .2s;
@@ -161,7 +163,12 @@ nav{
 
 .list-song{background-color: rgba(255, 255, 255, 0.1);}
 .card .card-content{padding:0;}
-.list-title{display:block; color:white;font-size:1em; text-align:left;}
+.list-title{
+    display:block;
+    color:white;font-size:1em;
+    text-align:left;
+    padding: 0 10px 0 10px;
+}
 .card-image{cursor:pointer}
 .card{margin:5px 0 5px 0 !important;}
 #result img{float:left;padding-right:20px !important;}