style tweaks, update source page

app/common/static/styles/_colours.scss

@@ -4,7 +4,7 @@ $colour-near-black: #011627;
 $colour-near-white: #fdfffc;
 $colour-light-blue: #2e8ac4;
 $colour-red: #e71d36;
-$colour-orange: #f69e12;
+$colour-orange: #ef9912;
 
 $background-colour: $colour-near-white;
 $text-colour: $colour-near-black;
@@ -52,3 +52,6 @@ $pagination-border-hover-colour: $colour-light-blue;
 $pagination-current-background-colour: $colour-orange;
 $pagination-current-text-colour: $colour-near-white;
 $pagination-current-border-colour: $colour-orange;
+
+$infobox-background-colour: $colour-near-white;
+$infobox-text-colour: $colour-near-black;

app/common/static/styles/_helpers.scss

@@ -14,6 +14,10 @@ strong {
     margin-bottom: 20px !important;
 }
 
+.padding-top {
+    padding-top: 20px;
+}
+
 .errors {
     background-color: $box-error-background-colour;
     border-radius: 2px;

app/common/static/styles/_template.scss

@@ -63,7 +63,7 @@ main {
 
     a {
         color: $main-link-colour;
-        text-decoration: underline;
+        text-decoration: none;
         &:hover {
             color: $main-link-hover-colour;
         }
@@ -131,6 +131,11 @@ main {
         }
     }
 
+    .infobox {
+        background-color: $infobox-background-colour;
+        color: $infobox-text-colour;
+    }
+
 }
 
 footer {

app/common/templates/infobox.html

@@ -0,0 +1,11 @@
+{% if message %}
+<div class="row">
+  <div class="col s12">
+    <div class="card infobox">
+      <div class="card-content">
+        <i class="fas fa-info-circle"></i> {{ message }}
+      </div>
+    </div>
+  </div>
+</div>
+{% endif %}

app/common/templates/pagination.html

@@ -1,7 +1,11 @@
 {% if paginator.num_pages > 1 %}
-<div class="pagination">
-  {% for i in paginator.page_range %}
-    <a class="pagenum{% if i == page_obj.number %} currentpage{% endif %}" href="?page={{ i }}">{{ i }}</a>
-  {% endfor %}
+<div class="row">
+  <div class="col s12">
+    <div class="pagination">
+      {% for i in paginator.page_range %}
+        <a class="pagenum{% if i == page_obj.number %} currentpage{% endif %}" href="?page={{ i }}">{{ i }}</a>
+      {% endfor %}
+    </div>
+  </div>
 </div>
 {% endif %}