Result actions use width when available

Float the actions to the right side when enough width is available,
otherwise push them under the result metadata in width-constrained
viewports.

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 41a4e4e..00d7cb4 100644 (file)
--- a/Open-ILS/src/templates/opac/css/style.css.tt2
+++ b/Open-ILS/src/templates/opac/css/style.css.tt2
@@ -708,6 +708,10 @@ tr.result_table_row > td.result_table_title_cell {
     vertical-align: top;
 }
 
+.result_metadata {
+    float: left;
+}
+
 tr.result_table_row:nth-child(n+2) > td {
     border-top: 1px solid [% css_colors.accent_lighter2 %];
 }
@@ -733,6 +737,7 @@ tr.result_table_row > td.result_table_pic_header {
 
 div.result_table_utils_cont {
     text-align:left;
+    float: left;
 }
 
 .icon_text {

diff --git a/Open-ILS/src/templates/opac/parts/result/table.tt2 b/Open-ILS/src/templates/opac/parts/result/table.tt2
index bca53ab..4edda2e 100644 (file)
--- a/Open-ILS/src/templates/opac/parts/result/table.tt2
+++ b/Open-ILS/src/templates/opac/parts/result/table.tt2
@@ -45,6 +45,7 @@
                                                 [% END %]
                                             </td>
                                             <td class='result_table_title_cell' name='result_table_title_cell'>
+                                               <div class="result_metadata">
                                                     <abbr class="unapi-id" title='tag:[% ctx.hostname %],[% date.format(date.now, '%Y') %]:biblio-record_entry/[% rec.id %]'></abbr>
                                                     <a class='record_title' name='record_[% rec.id %]' name='item_title'
                                                         href="[% mkurl(ctx.opac_root _ '/record/' _ rec.id) %]"
@@ -65,7 +66,7 @@ FOR entry IN attrs.graphic_titles;
     END;
 END;
 -%]
-                                                <div>
+ 
                                                     <div>
                                                         <a title="[% l("Perform an Author Search") %]"
                                                                 class="record_author" name='item_author'