PINES Customization: Mobile view for fines payment form

Modified table so that the form design doesn't go off the side
of the screen in mobile view.

Signed-off-by: Terran McCanna <tmccanna@georgialibraries.org>

diff --git a/Open-ILS/src/templates/opac/myopac/main_payment_form.tt2 b/Open-ILS/src/templates/opac/myopac/main_payment_form.tt2
index 9ed377d..bf74528 100644 (file)
--- a/Open-ILS/src/templates/opac/myopac/main_payment_form.tt2
+++ b/Open-ILS/src/templates/opac/myopac/main_payment_form.tt2
@@ -55,8 +55,15 @@
         <table title="[% l('Billing Information') %]">
             <tbody>
                 <tr>
-                    <td colspan='2'><strong>[% l('Billing Information') %]</strong></td>
-                    <td rowspan='13' valign='top'>
+                    <td colspan='2'>
+                    <!-- PINES Customization for mobile views -->
+                    <div class="small_view_only">
+                            <strong>[% l('Total amount to pay:') %]
+                            [% money(ctx.fines.balance_owed) %]</strong>
+                            <br/>
+                    </div>
+                    <strong>[% l('Billing Information') %]</strong></td>
+                    <td rowspan='13' valign='top' class="mobile_hide">
                         <p>[% l('Selected fines you are paying for:') %]</p>
                         <table title="[% l('List of Transactions') %]"
                             class="table_no_border_space table_no_cell_pad myopac_payments_table">