From 77ac7b80ed684a77ff4872600e4af3e5afe0831f Mon Sep 17 00:00:00 2001
From: Tom Byers <tombaromba@gmail.com>
Date: Wed, 4 May 2022 15:06:13 +0100
Subject: [PATCH] Fix focus and spacing on counties page

We fixed a problem with the focus styles of list
items in this pull request:

https://github.com/alphagov/notifications-admin/pull/4141

This missed out pages for areas with counties in
them. This adds the fix to those pages.

These changes also include some extra spacing
between the end of the list and the button which
is lost by the new styles we're giving the list
items.
---
 app/templates/views/broadcast/counties.html | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/app/templates/views/broadcast/counties.html b/app/templates/views/broadcast/counties.html
index b4b9cbd09..78ba99bc4 100644
--- a/app/templates/views/broadcast/counties.html
+++ b/app/templates/views/broadcast/counties.html
@@ -25,15 +25,17 @@
     </div>
     {{ live_search(target_selector='.file-list-item', show=show_search_form, form=search_form, label='Or by district') }}
 
+    <div class="govuk-!-margin-bottom-6">
     {% for area in county.sub_areas|sort %}
       <div class="file-list-item">
       {# these are districts within a county#}
         <a
-          class="file-list-filename-large govuk-link govuk-link--no-visited-state"
+          class="file-list-filename-large file-list-filename-large-no-hint govuk-link govuk-link--no-visited-state"
           href="{{ url_for('.choose_broadcast_sub_area', service_id=current_service.id, broadcast_message_id=broadcast_message.id, library_slug=library_slug, area_slug=area.id, prev_area_slug=county.id) }}"
         >{{ area.name }}</a>
       </div>
     {% endfor %}
+    </div>
 
     {{ sticky_page_footer('Continue') }}