Rather than the tabular layout, add the place hold / add to my list
actions underneath the record metadata for each result. This results in
a narrower required width and enables us to actually display the actions
in mobile mode.
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>
padding-top: 10px;
}
-span.place_hold {
- position:relative;
- top:-3px;
- left:3px;
-}
-
div.toggle_list { padding-top: 6px; }
div.format_icon {
margin-right: 17px;
}
+.result_util {
+ border-bottom: 1px dotted [% css_colors.accent_light %];
+ padding-top: 6px;
+}
+
.results_aux_utils {
- border-left:1px dotted [% css_colors.accent_light %];
- padding-left: 17px;
- padding-bottom: 6px;
- padding-right: 50px;
+ display: table-cell;
}
.result_util {
- border-bottom: 1px dotted [% css_colors.accent_light %];
- padding-top: 6px;
+ padding-left: 1em;
}
.results_reviews {
}
div.result_table_utils_cont {
- width: 250px;
text-align:left;
}
-div.result_table_utils {
- float: right;
-}
-
-div.result_place_hold {
- position: relative;
- top: -3px;
- left:3px;
-}
-
.icon_text {
text-transform:capitalize;
}
.invisible {
display: none;
}
- .result_table_utils_cont {
- display: none;
- }
.result_table_pic_header {
padding-left: 0px !important;
padding-right: 5px;
[% END %]
[% END %]
</div>
- </td>
-
- <td nowrap='nowrap' width="1" align="right">
<div class="result_table_utils_cont">
<div class="result_table_utils">
[%- search_ou = ctx.search_ou;
[% END %]
</div>
</div>
+
</td>
+
</tr>
[%- IF ENV.OILS_CHILIFRESH_ACCOUNT %]
<tr>