TPAC expert search: wrap labelled fields consistently

Use a new class "nonbreaking-wrapper" with display:inline-block to keep
label + input fields together, rather than the inline "whitespace:
no-wrap" which did not work on Chrome (and oddly enough forced the value
field to the next line).

Signed-off-by: Dan Scott <dscott@laurentian.ca>
Signed-off-by: Lebbeous Fogle-Weekley <lebbeous@esilibrary.com>
Signed-off-by: Dan Wells <dbw2@calvin.edu>

diff --git a/Open-ILS/src/templates/opac/css/style.css.tt2 b/Open-ILS/src/templates/opac/css/style.css.tt2
index e79506e..91b6c4b 100644 (file)
--- a/Open-ILS/src/templates/opac/css/style.css.tt2
+++ b/Open-ILS/src/templates/opac/css/style.css.tt2
@@ -1375,6 +1375,10 @@ table.bookbag-specific {
 }
 .save-notes { padding-bottom: 1.5ex; }
 
+.nonbreaking-wrapper {
+    display: inline-block;
+}
+
 /* Moved from semiauto.css */
 .adv_global_input_container {
     border-bottom: none;

diff --git a/Open-ILS/src/templates/opac/parts/advanced/expert.tt2 b/Open-ILS/src/templates/opac/parts/advanced/expert.tt2
index 1abc365..5212209 100644 (file)
--- a/Open-ILS/src/templates/opac/parts/advanced/expert.tt2
+++ b/Open-ILS/src/templates/opac/parts/advanced/expert.tt2
@@ -5,15 +5,19 @@
         <tbody id="adv_expert_rows_here">
             <tr id="adv_expert_row">
                 <td>
-                   <label for="expert_tag">[% l("Tag:") %]</label>
+                <span class="nonbreaking-wrapper">
+                    <label for="expert_tag">[% l("Tag:") %]</label>
                     <input id="expert_tag" type="text" name="tag" size="3" autofocus />
+                </span>
+                <span class="nonbreaking-wrapper">
                     <label for="expert_subfield">[% l("Subfield:") %]</label>
                     <input id="expert_subfield" type="text" name="subfield" size="1" />
-                   <span style="white-space:nowrap">
-                       <label for="expert_term">[% l("Value:") %]</label>
-                       <input id="expert_term" type="text" name="term" size="16" />
-                   </span>
-               </td>
+                </span>
+                <span class="nonbreaking-wrapper">
+                    <label for="expert_term">[% l("Value:") %]</label>
+                    <input id="expert_term" type="text" name="term" size="16" />
+                </span>
+                </td>
                 <td>
                     <a href="javascript:;" class="row-remover"
                         title="[% l('Remove row') %]" alt="[% l('Remove row') %]"