From df5b2f00efc530b6389dc6c89a401c228543d504 Mon Sep 17 00:00:00 2001
From: Chris Hill-Scott <me@quis.cc>
Date: Thu, 27 Feb 2020 15:29:51 +0000
Subject: [PATCH] Add some spacing and keylines

Just to make the page easier to scan.
---
 .../organisations/organisation/index.html     | 65 ++++++++++---------
 1 file changed, 34 insertions(+), 31 deletions(-)

diff --git a/app/templates/views/organisations/organisation/index.html b/app/templates/views/organisations/organisation/index.html
index 31c70be72..501a80140 100644
--- a/app/templates/views/organisations/organisation/index.html
+++ b/app/templates/views/organisations/organisation/index.html
@@ -39,43 +39,46 @@
 
   <ul>
   {% for service in services %}
-    <li class="browse-list-item">
-      <a href="{{ url_for('main.usage', service_id=service.service_id) }}" class="govuk-link govuk-link--no-visited-state browse-list-link">{{ service.service_name  }}</a>
-    </li>
-    <div class="grid-row">
-      <div class="column-one-third">
-        {{ big_number(
-          service.emails_sent,
-          label='emails sent',
-          smallest=True
-        ) }}
-      </div>
-      <div class="column-one-third">
-        {% if service.sms_cost %}
+    <div class="keyline-block govuk-!-margin-top-2">
+      <li class="browse-list-item govuk-!-margin-bottom-1 govuk-!-margin-top-1">
+        <a href="{{ url_for('main.usage', service_id=service.service_id) }}" class="govuk-link govuk-link--no-visited-state browse-list-link">{{ service.service_name  }}</a>
+      </li>
+      <div class="grid-row">
+        <div class="column-one-third">
           {{ big_number(
-            service.sms_cost,
-            'spent on text messages',
+            service.emails_sent,
+            label='emails sent',
+            smallest=True
+          ) }}
+        </div>
+        <div class="column-one-third">
+          {% if service.sms_cost %}
+            {{ big_number(
+              service.sms_cost,
+              'spent on text messages',
+              currency="£",
+              smallest=True
+            ) }}
+          {% else %}
+            {{ big_number(
+              service.free_sms_limit - service.sms_remainder,
+              'free text messages sent',
+              smallest=True
+            ) }}
+          {% endif %}
+        </div>
+        <div class="column-one-third">
+          {{ big_number(
+            service.letter_cost,
+            'spent on letters',
             currency="£",
             smallest=True
           ) }}
-        {% else %}
-          {{ big_number(
-            service.free_sms_limit - service.sms_remainder,
-            'free text messages sent',
-            smallest=True
-          ) }}
-        {% endif %}
-      </div>
-      <div class="column-one-third">
-        {{ big_number(
-          service.letter_cost,
-          'spent on letters',
-          currency="£",
-          smallest=True
-        ) }}
+        </div>
       </div>
     </div>
-  {% endfor %}
+    {% endfor %}
+    <div class="keyline-block govuk-!-margin-top-2"></div>
   </ul>
 
 {% endblock %}