From b457da8986a95cd87418ccba1ae5157dbb7f6187 Mon Sep 17 00:00:00 2001
From: Terran McCanna <tmccanna@georgialibraries.org>
Date: Fri, 11 Dec 2020 18:06:04 -0500
Subject: [PATCH] PINES OPAC Customization: Make Lists Prettier

Note that more work should be done on master to make lists more
user-friendly, but this will be fine for us now.

Signed-off-by: Terran McCanna <tmccanna@georgialibraries.org>
---
 .../src/templates-bootstrap/opac/myopac/lists.tt2  | 28 +++++++++++-----------
 1 file changed, 14 insertions(+), 14 deletions(-)

diff --git a/Open-ILS/src/templates-bootstrap/opac/myopac/lists.tt2 b/Open-ILS/src/templates-bootstrap/opac/myopac/lists.tt2
index 34d8c5f6cf..adeda880a8 100755
--- a/Open-ILS/src/templates-bootstrap/opac/myopac/lists.tt2
+++ b/Open-ILS/src/templates-bootstrap/opac/myopac/lists.tt2
@@ -87,12 +87,12 @@
     <h3>[% l("... from basket") %]</h3>
     [% INCLUDE "opac/parts/anon_list.tt2" %]
     [% ELSE %]
-    <h3>[% l("My Existing Basket and Lists") %]</h3>
+    <h3>[% l("My Saved Lists") %]</h3>
     [% INCLUDE "opac/parts/anon_list.tt2" %]
 
     [% IF ctx.bookbags.size %]
     <div class="header_middle">
-        <span class="float-left">[% l('Saved Lists') %]</span>
+        <span class="sr-only">[% l('Saved Lists') %]</span>
         [% IF limit < ctx.bookbag_count; %]
         <span class='float-left' style='padding-left: 10px;'>
             [%- IF offset > 0 -%]
@@ -143,9 +143,8 @@
     <div id='acct_lists_prime'>
         [% FOR bbag IN ctx.bookbags %]
         <div>
-         <table class="table"><tr>
+         <table class="table" style="border:3px solid #8DC641;"><tr>
             <td class="listTitleText">
-            <div class="bookbag-controls-title-block">
                 [% baseurl = ctx.opac_root _ '/myopac/lists';
                 IF bbag.id != CGI.param("bbid");
                     url = mkurl(baseurl,{bbid => bbag.id, item_page => 1},['edit_notes','sort']);
@@ -158,10 +157,10 @@
                 <a target='_blank' href='/opac/extras/feed/bookbag/rss2-full/[% bbag.id %]' aria-label="RSS Feed">
                 <i class="fas fa-rss-square" aria-hidden="true"></i></a>
                 [% END %]</h4>
-                [% IF bbag.description %]<div class="bookbag-description">[% bbag.description | html %]</div>[% END %]
-            </div>
-            </td>
-
+                [% IF bbag.description %]<div class="bookbag-description" style="padding-left: 20px;">[% bbag.description | html %]</div>[% END %]
+             </td>
+            </tr>
+            <tr>
             <td>
             [% IF ctx.add_rec %]
             <form action="[% mkurl(ctx.opac_root _ '/myopac/list/update', {}, 1) %]" method="post">
@@ -260,13 +259,15 @@
         [% IF CGI.param("bbid") == bbag.id %]
 
         <div>
-        <h5 class="text-center my-2">List Items</h5>
+        <h5 class="sr-only">List Items</h5>
         <form action="[% mkurl(ctx.opac_root _ '/myopac/list/update') %]" method="post" >
         <input type="hidden" name="list" value="[% bbag.id %]" />
         <input type="hidden" name="sort" value="[% CGI.param('sort') | uri %]" />
-        <div>
+
+        <div style="border:1px solid #8DC641;margin: -17px 0px 30px 0px;">
         [% IF bbag.items.size %]
-            <div class="my-2">
+            <div class="my-2" style="padding-left:30px;">
+                [% l('Select at least one item from your list below to use these actions:') %]<br/>
                 <button name="action" class="btn btn-action" type="submit" value="place_hold" id="place_hold">[% l('Place hold') %]</button>
                 <button name="action" class="btn btn-action" type="submit" value="print">[% l('Print title details') %]</button>
                 <button name="action" class="btn btn-action" type="submit" value="email">[% l('Email title details') %]</button>
@@ -397,11 +398,10 @@
 
 
 
-
         [% IF ctx.bb_page_count > 1; %]
             <div class="header_middle" style="padding-top:7px;">
-                <div class="bbag-navigate-list">[% l('Navigate Selected List ') %]</div>
-                <div class="bbag-navigate-list-pages">
+                <div class="bbag-navigate-list sr-only">[% l('Navigate Selected List ') %]</div>
+                <div class="bbag-navigate-list-pages" style="width:100%;text-align:center;">
                     [%- IF item_page > 1 -%]
                         <a href='[% mkurl(ctx.opac_root _ '/myopac/lists', {
                             item_page => item_page - 1
-- 
2.11.0