Improve credit note page

Add link back to attendee and source invoice.
Add page title and spacing to page layout.

pinaxcon/templates/registrasion/credit_note.html

@@ -1,9 +1,13 @@
 {% extends "registrasion/base.html" %}
 {% load bootstrap %}
 {% load registrasion_tags %}
-{% block proposals_body %}
 
-<h2>Credit Note</h2>
+{% block head_title %}Credit Note #{{ credit_note.id }}{% endblock %}
+{% block page_title %}Credit Note #{{ credit_note.id }}{% endblock %}
+
+{% block proposals_body %}
+<div class="mb-3">
+  <h2>Details</h2>
 
   {% with note_user=credit_note.invoice.user %}
   <ul>
@@ -17,9 +21,18 @@
 
   <p>This credit note was generated from funds excess from invoice {{ credit_note.invoice.id }}.</p>
 
+  {% if user.is_staff %}
+  <div>
+    <a class="btn btn-info" href="{% url "attendee" credit_note.invoice.user.id %}">View attendee</a>
+    <a class="btn btn-light" href="{% url "invoice_update" credit_note.invoice.id %}">View source invoice</a>
+  </div>
+  {% endif %}
+</div>
+
 {% if credit_note.is_unclaimed %}
   <form class="form-horizontal" method="post" action="" novalidate>
     {% csrf_token %}
+    <div class="mb-3">
       <h3>Apply to invoice</h3>
       <p>You can apply this credit note to an unpaid invoice.</p>
 
@@ -29,6 +42,9 @@
       <div class="form-actions">
           <input class="btn btn-primary" type="submit" value="Apply to invoice" />
       </div>
+    </div>
+
+    <div class="mb-3">
       <h3>Generate cancellation fee</h3>
       <p>You can generate an invoice for a cancellation fee, resulting in an invoice
         and a new credit note.
@@ -38,11 +54,15 @@
       <div class="form-actions">
           <input class="btn btn-primary" type="submit" value="Generate fee" />
       </div>
+    </div>
 
+    <div class="mb-3">
       <h3>Stripe Refund</h3>
 
       <p><a href="{% url 'registripe_refund' credit_note.id %}">View Stripe refund options</a></p>
+    </div>
 
+    <div class="mb-3">
       <h3>Manual refund</h3>
       <p>You can mark this credit note as refunded, and handle the refund manually.
       </p>
@@ -51,6 +71,7 @@
       <div class="form-actions">
           <input class="btn btn-primary" type="submit" value="Mark as refunded" />
       </div>
+    </div>
   </form>
 {% endif %}