From bc2187e280f23ad8fa5f1bb923b4dfdf5a34f9ef Mon Sep 17 00:00:00 2001
From: Joel Addison <joel@addison.net.au>
Date: Sun, 5 Jan 2020 14:06:22 +1000
Subject: [PATCH] Update manual payment page

Add title to page. Adjust spacing of sections.
---
 .../registrasion/manual_payment.html          | 42 ++++++++++---------
 1 file changed, 23 insertions(+), 19 deletions(-)

diff --git a/pinaxcon/templates/registrasion/manual_payment.html b/pinaxcon/templates/registrasion/manual_payment.html
index 1b585f18..d0924aed 100644
--- a/pinaxcon/templates/registrasion/manual_payment.html
+++ b/pinaxcon/templates/registrasion/manual_payment.html
@@ -1,31 +1,35 @@
 {% extends "registrasion/base.html" %}
 {% load bootstrap %}
 
+{% block head_title %}Manual Payment{% endblock %}
+{% block page_title %}Manual Payment{% endblock %}
+
 {% block proposals_body %}
+  <h2>Invoice {{ invoice.id }} - {{ invoice.get_status_display }}</h2>
 
-  <h1>Invoice {{ invoice.id }} - {{ invoice.get_status_display }}</h1>
+  <div class="mb-3">
+    <h3>Past payments</h3>
 
-  <h2>Past payments</h2>
+    {% include "registrasion/payment_list.html" with payments=invoice.paymentbase_set.all %}
+  </div>
 
-  {% include "registrasion/payment_list.html" with payments=invoice.paymentbase_set.all %}
+  <div class="mb-3">
+    <h3>Apply manual payment</h3>
 
-  <h2>Apply manual payment</h2>
+    <p>Enter a reference and the amount of the payment. A refund is a negative
+    payment.</p>
 
-  <p>Enter a reference and the amount of the payment. A refund is a negative
-  payment.</p>
-
-  <form class="form-horizontal" method="post" action="">
-    {% csrf_token %}
-
-    <table>
-        {{ form|bootstrap }}
-    </table>
-
-    <div class="form-actions">
-        <input class="btn btn-primary" type="submit" value="Apply payment" />
-        <a class="btn btn-secondary" href="{% url "invoice" invoice.id %}">Return to invoice</a>
-    </div>
-  </form>
+    <form class="form-horizontal" method="post" action="">
+      {% csrf_token %}
 
+      <table>
+          {{ form|bootstrap }}
+      </table>
 
+      <div class="form-actions">
+          <input class="btn btn-primary" type="submit" value="Apply payment" />
+          <a class="btn btn-link" href="{% url "invoice" invoice.id %}">Return to invoice</a>
+      </div>
+    </form>
+  </div>
 {% endblock %}