searchbar tweaks

- Made dijit textbox 555 px instead of 400 px
- Changed advanced search link to a button
- various css changes to make it look alright
- left-aligned the whole searchbar and indented 5em

Signed-off-by: William Rockwood <wrockwood@tadl.org>

diff --git a/css/tadl.css b/css/tadl.css
index 2de9dee..0c9e697 100644 (file)
--- a/css/tadl.css
+++ b/css/tadl.css
@@ -14,6 +14,11 @@ img {
        padding-bottom: 25px;
 }
 
+#home_adv_search_link {
+       top:1px;
+       left:0;
+}
+
 #homesearch_main_logo {
         padding-top: 20px;
 }
@@ -34,7 +39,7 @@ a:hover {
        height:1.8em;
 }
 .dijitTextBox {
-       width: 400px;
+       width: 555px;
 }
 
 #search-wrapper select,
@@ -254,15 +259,16 @@ span.dash_divider {
 
 .searchbar {
        margin-top:5px;
-       text-align:center;
+       padding-left:5em;
+       text-align:left;
 }
 
 .search_box_wrapper {
-       width:400px;
-       padding: 1px 1px 1px 3px;
+       width:555px;
+       padding: 1px 2px 1px 3px;
 }
 #search_box {
-       width:400px;
+       width:555px;
 }
 
 #search-wrapper #breadcrumb {

diff --git a/templates_tadlskin/opac/parts/searchbar.tt2 b/templates_tadlskin/opac/parts/searchbar.tt2
index f59932f..b38c7b1 100644 (file)
--- a/templates_tadlskin/opac/parts/searchbar.tt2
+++ b/templates_tadlskin/opac/parts/searchbar.tt2
@@ -23,7 +23,7 @@
         <img id='search-submit-spinner' src='/opac/images/progressbar_green.gif' style='height:16px;width:16px;' class='hidden' alt=''/>
     </span>
         <a href="[% mkurl(ctx.opac_root _ '/advanced') %]"
-            id="home_adv_search_link"><span
+            id="home_adv_search_link" class="tbutton small tadlblue"><span
             class="adv_search_font">[% l('Advanced Search') %]</span></a>
     </div>
     <div class="searchbar">