Styling and shit

static/css/style.css

@@ -771,11 +771,11 @@ ul #chat-log{
 }
 
 
-#code-link + span{
+#code-link + a{
   line-height: normal;
   color: black;
   text-align: center;
-
+}
 #volume-control {
     cursor:pointer;
   float:left;
@@ -801,11 +801,22 @@ ul #chat-log{
 }
 
 #volume-control .ui-slider-handle {
-    height:15px;
-    width:5px;
-    background-color:black;
-    position: absolute;
-    cursor: pointer;
-    outline: none;
-    border: none;
+  height: 15px;
+  width: 36px;
+  background-color: rgb(255, 44, 44);
+  position: absolute;
+  cursor: pointer;
+  outline: none;
+  border: none;
+  border-radius: 17px;
+  margin-left: -17px;
 }
+
+.slider-vol{
+  float: left;
+  font-size: 22px;
+}
+
+.about-remote{
+  padding-top: 50px;
+}

static/js/remotecontroller.js

@@ -32,16 +32,12 @@ document.getElementById("volume-control").addEventListener("click", function()
 {
    socket.emit("id", [id, "volume", $("#volume-control").val()]);
 });*/
->>>>>>> 126fe2fec4a1d36ec179e889d4d7162118b4fc49
 
 function control()
 {
-  console.log("Start controlling")
   if(start)
   {
-    if($("#code-input").val())
-      id = $("#code-input").val().toLowerCase();
-    console.log("id="+id)
+    if(!id)id = $("#code-input").val().toLowerCase();
     $("#code-input").val("");
     start = false;
 
@@ -55,24 +51,24 @@ function control()
     $("#forsearch").html("Type new channel name to change to");
 
     $("#volume-control").slider({
-  	    min: 0,
-  	    max: 100,
-  	    value: 100,
-  			range: "min",
-  			animate: true,
-  	    /*slide: function(event, ui) {
+        min: 0,
+        max: 100,
+        value: 100,
+        range: "min",
+        animate: true,
+        /*slide: function(event, ui) {
           console.log(ui.value);
-  				//localStorage.setItem("volume", ui.value);
-  	    },*/
+          //localStorage.setItem("volume", ui.value);
+        },*/
         stop:function(event, ui) {
           socket.emit("id", [id, "volume", ui.value]);
           //console.log(ui.value);
         }
-  	});
+    });
   }else
   {
     socket.emit("id", [id, "channel", $("#search").val().toLowerCase()]);
     $("#search").val("");
   }
-  return false;
-}
+
+}