Mobile: group advanced search rows with a border

We want advanced search rows to wrap on mobile, but also want to group
the elements in some way. This adds a simple border on the bottom of
each row to suggest that things are together.

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 37328b9..8841502 100644 (file)
--- a/Open-ILS/src/templates/opac/css/style.css.tt2
+++ b/Open-ILS/src/templates/opac/css/style.css.tt2
@@ -1121,7 +1121,6 @@ div.facet_sidebar {
 .advanced_div { padding-top: 15px; }
 #adv_global_search { width: 100%; }
 #adv_global_search select { width: 13em; }
-#adv_global_row { white-space: nowrap; }
 #adv_global_addrow td { padding-top: 7px; }
 #adv_global_input_table { width: 100%; }
 #adv_global_input_table select { width: 7em; }
@@ -1983,4 +1982,10 @@ a.preflib_change {
         -moz-border-radius: 10px 0px 0px 0px;
         border-radius: 7px 7px 0px 0px;                                                                                                           
     }
+    #adv_global_tbody td {
+        border-bottom: thin solid [% css_colors.accent_light %];
+    }
+    #adv_global_addrow td {
+        border-bottom: none;
+    }
 }