Slight layout tweak

Also added a "current video" indicator

www/assets/css/ytsync.css

@@ -45,7 +45,7 @@
     overflow-x: hidden;
     height: 360px;
     float: left;
-    width: 200px;
+    width: 150px;
     border: 1px solid #aaaaaa; // [](/z13)
 }
 
@@ -57,7 +57,7 @@
 }
 
 #chatline {
-    width: 100%;
+    width: 456px;
 }
 
 .userlist_siteadmin {

www/assets/js/callbacks.js

@@ -106,6 +106,7 @@ function initCallbacks() {
     });
 
     socket.on('mediaUpdate', function(data) {
+        $('#currenttitle').text("Currently Playing: " + data.title);
         if(data.type == "yt")
             updateYT(data);
         else if(data.type == "tw")

www/index.html

@@ -53,7 +53,7 @@
             </div>
         </div>
         <div class="row" style="margin-top: 20px;">
-            <div class="span6">
+            <div class="span5">
                 <p id="usercount"></p>
                 <div id="userlist">
                 </div>
@@ -61,7 +61,8 @@
                 </div>
                 <input type="text" id="chatline">
             </div>
-            <div class="span6">
+            <div class="span7">
+                <p id="currenttitle">Currently Playing: </p>
                 <div id="ytapiplayer">
                 </div>
             </div>