From 0f6cbdf27e48379d471f146da106b58cb84b1453 Mon Sep 17 00:00:00 2001
From: Pea Tyczynska <CrystalPea@users.noreply.github.com>
Date: Mon, 1 Feb 2021 11:15:03 +0000
Subject: [PATCH] Add extra spacing to billing details and remove unnecessary
 autofocus

Add more spacing between characters for billing reference number and PO number, so they are easier to read.

Also remove unnecessary autofocus.

Co-authored-by: Chris Hill-Scott <me@quis.cc>
---
 .../service-settings/edit-service-billing-details.html    | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/app/templates/views/service-settings/edit-service-billing-details.html b/app/templates/views/service-settings/edit-service-billing-details.html
index eb87e1756..2fb9d2712 100644
--- a/app/templates/views/service-settings/edit-service-billing-details.html
+++ b/app/templates/views/service-settings/edit-service-billing-details.html
@@ -20,13 +20,15 @@
   {% call form_wrapper() %}
     {{ form.billing_contact_names(param_extensions={"classes": "govuk-!-width-full"}) }}
     {{ form.billing_contact_email_addresses(param_extensions={"classes": "govuk-!-width-full"}) }}
-    {{ form.billing_reference(param_extensions={"classes": "govuk-!-width-full"}) }}
-    {{ form.purchase_order_number(param_extensions={"classes": "govuk-!-width-full"}) }}
+  <div class="extra-tracking">
+      {{ form.billing_reference(param_extensions={"classes": "govuk-!-width-full"}) }}
+      {{ form.purchase_order_number(param_extensions={"classes": "govuk-!-width-full"}) }}
+  </div>
     {{ textbox(
       form.notes,
       rows=4,
       width='1-1',
-      autofocus=True,
+      autofocus=False,
       autosize=True,
     ) }}
     {{ page_footer('Save') }}