From 2e34bd51de6869f5cd15c810b49322b3e526ce15 Mon Sep 17 00:00:00 2001
From: Dan Scott <dscott@laurentian.ca>
Date: Tue, 24 Sep 2013 23:38:23 -0400
Subject: [PATCH] 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>
---
 Open-ILS/src/templates/opac/css/style.css.tt2        | 9 +++++++++
 Open-ILS/src/templates/opac/parts/result/lowhits.tt2 | 2 +-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/Open-ILS/src/templates/opac/css/style.css.tt2 b/Open-ILS/src/templates/opac/css/style.css.tt2
index 6fbadead25..ac5482c5d6 100644
--- 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 2f7c8f89df..0c7dfb341e 100644
--- 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 />
-- 
2.11.0