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 fea4f2b..3d1060c 100644 (file)
--- a/Open-ILS/src/templates/opac/parts/searchbar.tt2
+++ b/Open-ILS/src/templates/opac/parts/searchbar.tt2
@@ -47,6 +47,7 @@ END;
         [% INCLUDE 'opac/parts/cart.tt2' %]
     </div>
     <div class="searchbar [% is_home_page ? 'searchbar-home' : '' %]">
+        <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. :(  %]
@@ -65,13 +66,15 @@ END;
                     [% 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: ');
@@ -87,7 +90,8 @@ END;
                     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: ');
@@ -95,8 +99,9 @@ END;
             INCLUDE build_org_selector arialabel=select_lib_label 
               id='search_org_selector' show_loc_groups=1
         -%]
-        </label>
-      <span>
+                </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"
             onclick='setTimeout(function(){$("search-submit-spinner").className=""; $("search-submit-go").className="hidden";[% IF ctx.depth_sel_button AND NOT took_care_of_form %] $("search-submit-go-depth").className="hidden";[% END %]}, 2000)'/>
@@ -115,6 +120,7 @@ END;
         [%- END %]
       </span>
     </div>
+    </div>
     [% IF ctx.bookbag %]
     <div id="search-only-bookbag-container">
         <input type="checkbox" id="search-only-bookbag" name="bookbag"