notify-536: accurately reflect delivery receipts in UI (#551)

app/templates/views/activity/counts.html

@@ -1,5 +1,4 @@
 {% from "components/pill.html" import pill %}
-
 <div class='bottom-gutter ajax-block-container'>
   {{ pill(
     status_filters,

app/templates/views/dashboard/_jobs.html

@@ -50,7 +50,7 @@
             {{ big_number(
               item.notifications_sending,
               smallest=True,
-              label='sending',
+              label='pending',
             ) }}
           </div>
           <div class="govuk-grid-column-one-third">

app/templates/views/jobs/job.html

@@ -17,6 +17,6 @@
     {{ ajax_block(partials, updates_url, 'counts', finished=job.processing_finished) }}
     {{ ajax_block(partials, updates_url, 'notifications', finished=job.processing_finished) }}
 
-    <div>&nbsp;</div>
+    <div> </div>
 
 {% endblock %}

app/templates/views/notifications.html

@@ -25,6 +25,11 @@
     'counts'
   ) }}
 
+
+  <p class="notification-status {{ field_status }}">
+    Messages will remain in pending state until carrier status is received, typically 5 minutes.
+  </p>
+
   {% call form_wrapper(
     action=url_for('.view_notifications', service_id=current_service.id, message_type=message_type),
     class="usa-search margin-bottom-2"
@@ -50,6 +55,10 @@
   
   {% endcall %}
 
+
+
+
+
   {% call form_wrapper(id="search-form") %}
     <input type="hidden" name="to" {% if search_form.to.data %}value="{{ search_form.to.data }}{%  endif %}">
     <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">