From: Terran McCanna <tmccanna@georgialibraries.org>
Date: Mon, 21 Nov 2016 23:14:02 +0000 (-0500)
Subject: UI tweaks to the basic search form so that it looks better on smaller
X-Git-Url: https://old-git.evergreen-ils.org/?a=commitdiff_plain;h=fcb8dd2060eb2f7a1a1d98635a476a7acb80a8be;p=evergreen%2Fpines.git

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 a28b2f2524..7ad27f4a58 100644
--- a/Open-ILS/src/templates/opac/parts/searchbar.tt2
+++ b/Open-ILS/src/templates/opac/parts/searchbar.tt2
@@ -46,6 +46,7 @@ END;
         <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. :(  %]
@@ -63,13 +64,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: ');
@@ -85,7 +88,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: ');
@@ -93,6 +97,8 @@ END;
             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"
@@ -104,6 +110,7 @@ END;
         <img id='search-submit-spinner' src='[% ctx.media_prefix %]/opac/images/progressbar_green.gif[% ctx.cache_key %]' 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"