TPAC: Make low hits help support low-width devices

Inline styles were forcing the width of the low-hits help box to be
353px wide, which is wider than our target 320 width for mobile devices.
Let the help use the full available width under the 600px barrier.

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 6fbadea..ac5482c 100644 (file)
--- a/Open-ILS/src/templates/opac/css/style.css.tt2
+++ b/Open-ILS/src/templates/opac/css/style.css.tt2
@@ -774,6 +774,14 @@ div.result_table_utils_cont {
     text-transform: uppercase;
 }
 
+#lowhits_help {
+    float: right;
+    width: 353px;
+    background: [% css_colors.accent_light %];
+    padding: 10px;
+    margin-top: 7px;
+}
+
 .results_info_table td {
     padding-right: 10px;
 }
@@ -1926,6 +1934,7 @@ a.preflib_change {
     .bookshelf table thead tr {
        display: block;
     }
+    #lowhits_help { width: inherit; }
     #adv_search_tabs a{                                                                                                                           
         font-size: [% css_fonts.size_small %];
         margin: 2px 2px 0px 2px;

diff --git a/Open-ILS/src/templates/opac/parts/result/lowhits.tt2 b/Open-ILS/src/templates/opac/parts/result/lowhits.tt2
index 2f7c8f8..0c7dfb3 100644 (file)
--- a/Open-ILS/src/templates/opac/parts/result/lowhits.tt2
+++ b/Open-ILS/src/templates/opac/parts/result/lowhits.tt2
@@ -22,7 +22,7 @@
                    END %]
             </p>
         </div>
-        <div style="float:right;width:353px;background:#ccc;padding:10px;margin-top:7px;">
+        <div id="lowhits_help">
             [% INCLUDE "opac/parts/result/lowhits_purchase.tt2" %]
             <p>
                 <strong>[% l('Keyword Search Tips') %]</strong><br />