UI tweaks to the basic search form so that it looks better on smaller

screens.

Signed-off-by: Terran McCanna <tmccanna@georgialibraries.org>

diff --git a/Open-ILS/src/templates/opac/parts/searchbar.tt2 b/Open-ILS/src/templates/opac/parts/searchbar.tt2
index c00608d..cdabb34 100644 (file)
--- a/Open-ILS/src/templates/opac/parts/searchbar.tt2
+++ b/Open-ILS/src/templates/opac/parts/searchbar.tt2
@@ -11,6 +11,7 @@
         <span class="browse_the_catalog_lbl"><a href="[% mkurl(ctx.opac_root _ '/browse', {}, expert_search_parms.merge(general_search_parms, facet_search_parms, ['fi:has_browse_entry'])) %]">[% l('Browse the Catalog') %]</a></span>
     </div>
     <div class="searchbar">
+        <div  style="padding:0px 0px 10px 0px;">
         <span class='search_box_wrapper'>
             [%- # autosuggest breaks accessibility, as the aria-label
                 # attribute is removed when the Dijit is created. :(  %]
@@ -28,13 +29,15 @@
                     [% IF basic_search != "f" %] autofocus [% END %] x-webkit-speech
                 [%- END # autosuggest enabled %] />
         </span>
-               <br/>
+        </div>
+        <div  style="padding:10px 10px 10px 0px;float:left;">
         <label id="search_qtype_label" for="qtype"></label>
         [%- 
             l('Search by:&nbsp;');
             INCLUDE "opac/parts/qtype_selector.tt2" id="qtype";
         -%]
-        &nbsp; &nbsp; 
+        </div>
+        <div  style="padding:10px 10px 10px 0px;float:left;">
         <label id="search_itype_label" for="search_itype_selector"></label>
         [%-
             l('Limit to: ');
@@ -50,7 +53,8 @@
                     none_label=search.basic_config.none_label;
             END;
         -%]
-        &nbsp; &nbsp;
+        </div>
+        <div  style="padding:10px 10px 10px 0px;float:left;">
         <label id="search_locg_label" for="search_org_selector"></label>
         [%- 
             l('Search within: ');
@@ -58,6 +62,8 @@
             INCLUDE build_org_selector arialabel=select_lib_label 
               id='search_org_selector' show_loc_groups=1
         -%]
+                </div>
+        <div  style="padding:0px 10px 10px 0px;float:left;">
     <span>
         <input id="detail" type="hidden" name="detail_record_view" value="[% show_detail_view %]"/>
         <input id='search-submit-go' type="submit" value="[% l('Search') %]" class="opac-button"
@@ -69,6 +75,7 @@
         <img id='search-submit-spinner' src='/opac/images/progressbar_green.gif' style='height:16px;width:16px;' class='hidden' alt='[% l("Search In Progress") %]'/>
     </span>
     </div>
+    </div>
     [% IF ctx.bookbag %]
     <div id="search-only-bookbag-container">
         <input type="checkbox" id="search-only-bookbag" name="bookbag"