From 442c75c507fef36446c9c1bb9ac36eec55f7f2f5 Mon Sep 17 00:00:00 2001
From: calzoneman <calzoneman@gmail.com>
Date: Wed, 24 Apr 2013 15:47:52 -0500
Subject: [PATCH] Partial redesign of default layout

---
 www/assets/css/ytsync.css |  8 ++++-
 www/index.html            | 76 +++++++++++++++++++++++----------------
 2 files changed, 52 insertions(+), 32 deletions(-)

diff --git a/www/assets/css/ytsync.css b/www/assets/css/ytsync.css
index 20daf33f..38540413 100644
--- a/www/assets/css/ytsync.css
+++ b/www/assets/css/ytsync.css
@@ -49,8 +49,9 @@
 
 #plmeta {
     border: 1px solid #aaaaaa;
+    background-color: #ffffff;
+    padding: 3px;
     margin: 0;
-    padding: 3px 3px;
     font-size: 12pt;
 }
 
@@ -176,3 +177,8 @@
 #motdtext {
     width: 100%;
 }
+
+#queue_next, #queue_end, #library_search, #youtube_search {
+    width: 50%;
+}
+
diff --git a/www/index.html b/www/index.html
index 4d40b06b..6e094986 100644
--- a/www/index.html
+++ b/www/index.html
@@ -71,40 +71,54 @@
                 </div>
             </div>
         </div>
-        <div class="row" id="pollrow" style="margin-top: 50px;">
-            <div class="span6" id="pollcontainer">
-            </div>
-        </div>
-        <div class="row" id="queuerow" style="margin-top: 50px;">
-            <div class="span6" id="queuediv">
-                <div id="playlist_controls" class="input-append" style="display: none;">
-                    <input type="text" id="mediaurl" style="margin:auto;">
-                    <button class="btn" id="queue_next">Queue Next</button>
-                    <button class="btn" id="queue_end">Queue @ End</button>
-                </div>
-                <button class="btn btn-danger" id="voteskip">Voteskip</button>
-                <ul id="queue" class="videolist">
-                </ul>
-                <div id="plmeta">
-                    <p id="plcount"></p>
-                    <p id="pllength"></p>
-                    <div style="clear: both;"></div>
-                </div>
-                <button class="btn btn-danger" id="qlockbtn" style="width: 100%; display:none;">Unlock Queue</button>
-                <div class="btn-group" style="width: 100%;">
-                    <button class="btn" id="getplaylist" style="width: 34%">Get Playlist URLs</button>
-                    <button class="btn" id="clearplaylist" style="width: 33%">Clear Playlist</button>
-                    <button class="btn" id="shuffleplaylist" style="width: 33%">Shuffle Playlist</button>
+        <div class="row" id="queuerow">
+            <div class="span5">
+                <div class="row-fluid">
+                    <div class="span12" id="pollcontainer">
+                    </div>
+                    <div class="span12" id="librarydiv">
+                        <div class="row-fluid">
+                            <div class="span7">
+                                <input type="text" id="library_query" class="input-block-level">
+                            </div>
+                            <div class="span5 btn-group">
+                                <button class="btn" id="library_search">Library</button>
+                                <button class="btn" id="youtube_search">YouTube</button>
+                            </div>
+                        </div>
+                        <ul id="library" class="videolist">
+                        </ul>
+                    </div>
                 </div>
             </div>
-            <div class="span6" id="librarydiv">
-                <div class="input-append">
-                    <input type="text" id="library_query" style="margin:auto;">
-                    <button class="btn" id="library_search">Search Library</button>
-                    <button class="btn" id="youtube_search">Search YouTube</button>
+            <div class="span7" id="queuediv">
+                <div id="playlist_controls"style="display: none;">
+                    <div class="row-fluid">
+                        <div class="span8">
+                            <input type="text" id="mediaurl" class="input-block-level">
+                        </div>
+                        <div class="span4 btn-group">
+                            <button class="btn" id="queue_next">Next</button>
+                            <button class="btn" id="queue_end">End</button>
+                        </div>
+                    </div>
+                </div>
+                <button class="btn btn-block" id="voteskip">Voteskip</button>
+                <div class="row-fluid">
+                    <ul id="queue" class="span12 videolist">
+                    </ul>
+                    <div class="span12 well well-small" id="plmeta">
+                        <span id="plcount"></span>
+                        <span id="pllength"></span>
+                        <div class="clear: both;"></div>
+                    </div>
+                    <button class="btn btn-danger btn-block" id="qlockbtn" style="display:none;">Unlock Queue</button>
+                    <div class="span12 btn-group" style="margin: 0">
+                        <button class="btn" id="getplaylist" style="width: 34%">Get Playlist URLs</button>
+                        <button class="btn" id="clearplaylist" style="width: 33%">Clear Playlist</button>
+                        <button class="btn" id="shuffleplaylist" style="width: 33%">Shuffle Playlist</button>
+                    </div>
                 </div>
-                <ul id="library" class="videolist">
-                </ul>
             </div>
         </div>
         <div class="row" style="display: none;" id="modnav">