Adjusted styles to *not* break tests

app/templates/views/templates/_template_list.html

@@ -104,17 +104,17 @@
 
 
 {% macro format_item_name(name, separators=True) -%}
-{%- if name is string -%}
-{{- name -}}
-{%- else -%}
-{%- for part in name -%}
-{{- format_item_name(part, separators) -}}
-{%- if not loop.last -%}
-{%- if separators %}
-<span class="message-name-separator"></span>{%- else %} {% endif -%}
-{% endif -%}
-{%- endfor -%}
-{% endif %}
+  {%- if name is string -%}
+    {{- name -}}
+  {%- else -%}
+    {%- for part in name -%}
+      {{- format_item_name(part, separators) -}}
+      {%- if not loop.last -%}
+        {%- if separators %}
+        <span class="message-name-separator"></span>{%- else %} {% endif -%}
+      {% endif -%}
+    {%- endfor -%}
+  {% endif %}
 {%- endmacro %}
 
 {% if template_list.template_folder_id and not template_list.templates_to_show %}
@@ -134,6 +134,13 @@
   <ul>
     {% endif %}
 
+    {% set label_content %}
+    <span class="usa-sr-only">
+      {%- for ancestor in item.ancestors %}{{ format_item_name(ancestor.name, separators=False) }} {% endfor -%}
+      {{ format_item_name(item.name, separators=False) -}}
+    </span>
+    {% endset %}
+
     {% for item in template_list %}
 
     {% set item_link_content %}
@@ -150,7 +157,7 @@
     </a>
     {% else %}
     <a href="{{ url_for('.view_template', service_id=current_service.id, template_id=item.id) }}"
-      class="usa-link font-body-lg usa-template-list-template">
+      class="usa-link usa-template-list-template">
       <span class="live-search-relevant">
         {%- if current_service.api_keys -%}
         <span class="govuk-!-display-none">{{ item.id }} </span>
@@ -169,7 +176,7 @@
     {% endset %}
 
     {% set item_meta %}
-    <span id="{{ item.id }}-item-hint" class="usa-hint template-list-item-hint">
+    <span id="{{ item.id }}-item-hint" class="usa-hint usa-checkbox__label-description template-list-item-hint">
       {{ item.hint }}
     </span>
     {% endset %}

app/templates/views/usage.html

@@ -14,7 +14,7 @@
       Usage
     </h1>
 
-    <div class="bottom-gutter">
+    <div class="tabs tabs__usage">
       {{ pill(years, selected_year, big_number_args={'smallest': True}) }}
     </div>
     <div id='pill-selected-item'>