Styling for empty status accordion and update Not signed to Unsigned

atst/models/task_order.py

@@ -17,7 +17,7 @@ class Status(Enum):
     ACTIVE = "Active"
     UPCOMING = "Upcoming"
     EXPIRED = "Expired"
-    UNSIGNED = "Not signed"
+    UNSIGNED = "Unsigned"
 
 
 SORT_ORDERING = [

styles/elements/_accordions.scss

@@ -46,6 +46,13 @@
         margin: 0;
       }
     }
+
+    &--empty {
+      font-weight: $font-bold;
+      color: $color-gray-dark;
+      padding: $gap * 8;
+      text-align: center;
+    }
   }
 
   &-list {

templates/task_orders/index.html

@@ -56,7 +56,9 @@
           </div>
         {% endfor %}
       {% else %}
-        {{ "task_orders.status_empty_state" | translate({ 'status': status }) }}
+        <div class="accordion__content--empty">
+          {{ "task_orders.status_empty_state" | translate({ 'status': status }) }}
+        </div>
       {% endif %}
     {% endcall %}
   </div>

tests/domain/test_task_orders.py

@@ -152,5 +152,5 @@ def test_task_order_sort_by_status():
     assert len(sorted_by_status["Active"]) == 1
     assert len(sorted_by_status["Upcoming"]) == 1
     assert len(sorted_by_status["Expired"]) == 2
-    assert len(sorted_by_status["Not signed"]) == 1
+    assert len(sorted_by_status["Unsigned"]) == 1
     assert list(sorted_by_status.keys()) == [status.value for status in SORT_ORDERING]