Cleaner markup and style for billing payment information.

coin/billing/templates/billing/invoice.html

@@ -37,10 +37,10 @@
     </tbody>
 </table>
 
-<h4>Règlement</h4>
+<h3>Règlement</h3>
 
 {% if invoice.payments.exists %}
-    <table id="invoice_payments" class="invoice-table full-width">
+    <table id="invoice-payments" class="invoice-table full-width">
         <thead>
             <tr>
                 <th>Type de paiement</th>
@@ -65,10 +65,8 @@
 {% endif %}
 
 {% if invoice.amount_remaining_to_pay > 0 %}
-    <div id="payment_howto" class="panel">
-        <small>
-            {% include "billing/payment_howto.html" %}
-        </small>
+    <div id="payment-howto" class="panel">
+        {% include "billing/payment_howto.html" %}
     </div>
 {% endif %}
 

coin/billing/templates/billing/payment_howto.html

@@ -1,19 +1,21 @@
 {% load isptags %}
 
-<p><strong>Merci de préférer si possible le paiement par virement</strong></p>
-
 <p>
-<strong>Virement</strong><br />
-Titulaire du compte : {{ branding.shortname|upper }}<br/>
-IBAN : {{ branding.bankinfo.iban|pretty_iban }}<br />
+    <strong>Merci de préférer si possible le paiement par virement</strong>
+</p>
+<p>
+    <strong>Virement</strong><br />
+    Titulaire du compte : {{ branding.shortname|upper }}<br/>
+    IBAN : {{ branding.bankinfo.iban|pretty_iban }}<br />
 
-{% if branding.bankinfo.bic %}
-    BIC : {{ branding.bankinfo.bic }}<br />
-{% endif %}
-Merci de faire figurer le code suivant sur votre virement : <strong>#{{ invoice.member.id }}</strong>
-<br /><br />
-<strong>Chèque</strong><br />
-{% with address=branding.registeredoffice %}
-Paiement par chèque à l'ordre de "{{ branding.bankinfo.check_order }}" envoyé à l'adresse : {{ branding.name|upper }}, {{ address.extended_address }}, {{ address.street_address }}, {{ address.postal_code }} {{ address.locality }}
-{% endwith %}
+    {% if branding.bankinfo.bic %}
+        BIC : {{ branding.bankinfo.bic }}<br />
+    {% endif %}
+    Merci de faire figurer le code suivant sur votre virement : <strong>#{{ invoice.member.id }}</strong>
+</p>
+<p>
+    <strong>Chèque</strong><br />
+    {% with address=branding.registeredoffice %}
+    Paiement par chèque à l'ordre de "{{ branding.bankinfo.check_order }}" envoyé à l'adresse : {{ branding.name|upper }}, {{ address.extended_address }}, {{ address.street_address }}, {{ address.postal_code }} {{ address.locality }}
+    {% endwith %}
 </p>

coin/static/css/local.css

@@ -223,16 +223,14 @@ table.invoice-table td.total {
     width:100px;
 }
 
-#member_invoices td.unpaid {
+#member-invoices td.unpaid {
     color:red;
 }
-#member_invoices tr.total>td.right {
+#member-invoices tr.total>td.right {
     text-align:right;
 }
 
-#payment_howto p {
-    font-size:0.7rem;
-}
+#payment-howto {}
 
 /* Modifs pour les infos */
 td.center {