Change search to bootstrappy text input

website/static/css/style.css

@@ -49,9 +49,8 @@ div.container{
     font-size: 25px;
     font-family:"Courier New", Courier, monospace;
 }
-#searchBar{
-	margin-top: 10px;
-	margin-bottom: 10px;
+.search-row{
+    text-align: center;
 }
 ul.ui-autocomplete {
     list-style: none;

whats_open/templates/base.html

@@ -45,15 +45,15 @@
                 </div>
             </div>
         </div>
-        <div class = clock>
-            at {% now "H:i" %}
-            <!-- this is in 24 hour time :-/ -->
-
-        </div>
-        <div class="row">
-        	<div class="span6 offset5">
-		        <input name="field"id="searchBar"/>
-        	</div>
+        <div class="row-fluid search-row">
+            <div class="control-group">
+                <div class="controls">
+                    <div class="input-prepend">
+                        <span class="add-on"><i class="icon-search"></i></span>
+                        <input name="field" class="span2" type="text" id="searchBar"/>
+                    </div>
+                </div>
+            </div>
 	    </div>
 
         {% block content%}