
{% extends "withnav_template.html" %}
{% from "components/page-header.html" import page_header %}
{% from "components/page-footer.html" import page_footer %}
{% from "components/form.html" import form_wrapper %}

{% from "components/textbox.html" import textbox %}

{% block service_page_title %}
  Change billing details
{% endblock %}

{% block maincolumn_content %}

  {{ page_header(
    'Change billing details',
    back_link=url_for('main.service_settings', service_id=current_service.id)
  ) }}

  {% 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"}) }}
    {{ textbox(
      form.notes,
      rows=4,
      width='1-1',
      autofocus=True,
      autosize=True,
    ) }}
    {{ page_footer('Save') }}
  {% endcall %}

{% endblock %}


{% extends "withnav_template.html" %}
{% from "components/page-header.html" import page_header %}
{% from "components/page-footer.html" import page_footer %}
{% from "components/form.html" import form_wrapper %}

{% from "components/textbox.html" import textbox %}

{% block service_page_title %}
  Change billing details
{% endblock %}

{% block maincolumn_content %}

  {{ page_header(
    'Change billing details',
    back_link=url_for('main.service_settings', service_id=current_service.id)
  ) }}

  {% call form_wrapper() %}
    {{ form.billing_contact_names(param_extensions={"classes": "govuk-!-width-full"}) }}
    {{ form.billing_contact_email_addresses(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=False,
      autosize=True,
    ) }}
    {{ page_footer('Save') }}
  {% endcall %}

{% endblock %}

Add extra spacing to billing details and remove unnecessary autofocus
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 <b1c1d8736f20db3fb6c1c66bb1455ed43909f0d8@quis.cc>