TPac: Describe bookbags mo' semantically

Rather than "big-strong", use a heading (H2, as the previously used H2
headings got bumped to H1) and wrap the description in a styled DIV
rather than just dumping it after a <br /> and wrapping it in <em>.

Signed-off-by: Dan Scott <dscott@laurentian.ca>

diff --git a/Open-ILS/src/templates/opac/myopac/lists.tt2 b/Open-ILS/src/templates/opac/myopac/lists.tt2
index a49b654..7665f43 100644 (file)
--- a/Open-ILS/src/templates/opac/myopac/lists.tt2
+++ b/Open-ILS/src/templates/opac/myopac/lists.tt2
@@ -79,8 +79,8 @@
                     url = mkurl(baseurl, {}, ['id', 'edit_notes']);
                     ltitle = l("Hide items in list");
                 END %]
-                <a class="big-strong" title="[% ltitle %]" href="[% url %]">[% bbag.name | html %]</a>
-                [% IF bbag.description %]<br /><em>[% bbag.description | html %]</em>[% END %]
+                <h2 class="bookbag-name"><a title="[% ltitle %]" href="[% url %]">[% bbag.name | html %]</a></h2>
+                [% IF bbag.description %]<div class="bookbag-description">[% bbag.description | html %]</div>[% END %]
             </div>
             <form action="[% ctx.opac_root %]/myopac/list/update" method="POST">
                 <div class="bookbag-share">

diff --git a/Open-ILS/web/css/skin/default/opac/style.css b/Open-ILS/web/css/skin/default/opac/style.css
index d7481a6..3af0990 100644 (file)
--- a/Open-ILS/web/css/skin/default/opac/style.css
+++ b/Open-ILS/web/css/skin/default/opac/style.css
@@ -1153,8 +1153,13 @@ a.opac-button {
 .bookbag-controls-holder:nth-child(odd) { background-color: #d7d7d7; }
 .bookbag-controls-holder:nth-child(even) { background-color: #e3e3e3; }
 .bookbag-controls-holder .most { padding-left: 0; width: 55%; }
+h2.bookbag-name { margin-bottom: 0em; padding-bottom: 0em; }
 .bookbag-share .fixed { min-width: 4em; }
 .bookbag-specific { margin-left: 1em; }
+.bookbag-description {
+    padding-top: 0em;
+    font-style: italic;
+}
 table.bookbag-specific {
     border-right: 1px solid #999;
     border-bottom: 1px solid #666;