diff --git a/www/assets/css/ytsync.css b/www/assets/css/ytsync.css
index c7127d90..6a32f9b8 100644
--- a/www/assets/css/ytsync.css
+++ b/www/assets/css/ytsync.css
@@ -1,3 +1,20 @@
+html, body {
+ height: 100%;
+}
+
+.wrapper {
+ min-height: 100%;
+ height: auto !important;
+ height: 100%;
+ margin: 0 auto -90px;
+}
+
+#footer, .push {
+ height: 30px;
+ margin: 0;
+ clear: both;
+}
+
.videolist {
list-style: none outside none;
margin-left: 0;
@@ -15,7 +32,7 @@
.qe_btn {
height: 20px;
font-family: Monospace;
- padding: 0 5px;
+ padding: 0 5px 0 5px;
margin: auto;
overflow: hidden;
}
diff --git a/www/assets/js/client.js b/www/assets/js/client.js
index 6cb0a4d9..8fbc43bc 100644
--- a/www/assets/js/client.js
+++ b/www/assets/js/client.js
@@ -461,6 +461,33 @@ function largeLayout() {
$("#userlist").css("width", "200px");
}
+function singleColumnLayout() {
+ $("#videodiv").removeClass().addClass("span12");
+ VWIDTH = $("#ytapiplayer").parent().css("width").replace("px", "");
+ VHEIGHT = parseInt(VWIDTH) * 9 / 16;
+ $("#ytapiplayer").attr("width", VWIDTH).attr("height", VHEIGHT);
+ var chat = $("#chatdiv").detach();
+ $("#layoutrow").remove();
+ var r = $("").addClass("row").insertAfter($("#videodiv").parent());
+ r.attr("id", "layoutrow");
+ chat.removeClass().addClass("span12").appendTo(r);
+ chat.css("height", "200px");
+ $("#messagebuffer").css("height", "100%");
+ $("#userlist").css("height", "100%");
+ $("#chatline").removeClass().addClass("span12");
+ $("#userlist").css("width", "200px");
+
+ var r2d2 = $("").addClass("row").insertBefore($("#queuerow"));
+ r2d2.css("margin-top", "60px");
+ var librow = $("#queuerow").attr("id", "");
+ librow.css("margin-top", "5px");
+ r2d2.attr("id", "queuerow");
+ $("#pollcontainer").detach().appendTo(r2d2).removeClass().addClass("span12");
+ $("#queuediv").detach().appendTo(r2d2).removeClass().addClass("span12");
+ $(librow.find(".span5")[0]).removeClass().addClass("span12");
+
+}
+
function hugeLayout() {
$("#videodiv").removeClass().addClass("span12");
VWIDTH = $("#ytapiplayer").parent().css("width").replace("px", "");//1170
diff --git a/www/index.html b/www/index.html
index f9f3bfa9..05b8b31d 100644
--- a/www/index.html
+++ b/www/index.html
@@ -19,6 +19,7 @@
+