Change the place where queuefail errors appear

changelog

@@ -1,3 +1,8 @@
+Wed Oct 16 23:29 2013 CDT
+    * www/assets/js/callbacks.js, www/channel.html,
+      www/assets/css/ytsync.css: Make queuefail errors always show in
+      a consistently visible location.
+
 Wed Oct 16 23:21 2013 CDT
     * www/assets/js/util.js: Add an errDialog function that shows an
       error message over the chatbox (instead of alert())

www/assets/css/ytsync.css

@@ -364,3 +364,12 @@ body {
 #adminflair {
     margin-left: 3px;
 }
+
+#queuefail {
+    min-height: 0px;
+}
+
+#queuefail .alert {
+    margin-top: 5px;
+    margin-bottom: 5px;
+}

www/assets/js/callbacks.js

@@ -852,7 +852,7 @@ Callbacks = {
         }
         makeAlert("Error", text, "alert-error")
             .addClass("span12 qfalert")
-            .insertBefore($("#extended_controls"));
+            .appendTo($("#queuefail"));
     },
 
     setTemp: function(data) {

www/channel.html

@@ -200,6 +200,10 @@
                       <button class="btn btn-danger" style="width: 8%" id="qlockbtn" title="Playlist Locked">
                         <i class="icon-lock"></i>
                       </button>
+                  </div>
+                  <!-- queuefail area -->
+                  <div id="queuefail" class="span12">
+                    
                   </div>
                   <!-- video queue -->
                   <ul class="span12 videolist" id="queue">