Merge pull request #779 from GSA/778-dashboard-button-unstyled

Styling update to fix broken link when status is failing

app/assets/sass/uswds/_uswds-theme-custom-styles.scss

@@ -259,6 +259,9 @@ td.table-empty-message {
          background: color("green-cool-40v");
          display: flex; 
          padding: units(1) units(2);
+         &--failing {
+            background: color("red-warm-50v");
+         }
       }
    }
    .usa-table {

app/templates/components/big-number.html

@@ -39,7 +39,7 @@
   <span class="big-number-with-status">
     {{ big_number(number, label, link=link, smaller=smaller, smallest=smallest) }}
     {% if show_failures %}
-      <span class="big-number-status{% if danger_zone %}-failing{% endif %}">
+      <span class="big-number-status{% if danger_zone %} big-number-status--failing{% endif %}">
         {% if failures %}
           {% if failure_link %}
             <a class="usa-link" href="{{ failure_link }}">

app/templates/components/status-box.html

@@ -1,6 +1,6 @@
 {% macro status_box(number, label, failing=false, percentage=None, url=None) %}
   <div class="big-number-with-status">
-    <div class="big-number-status{% if failing %}-failing{% endif %}">
+    <div class="big-number-status{% if failing %} big-number-status--failing{% endif %}">
       {% if url %}
         <a class="usa-link" href="{{ url }}">{{ number }} {{ label }}</a>
       {% else %}

tests/app/main/views/test_platform_admin.py

@@ -735,7 +735,7 @@ def test_platform_admin_displays_stats_in_right_boxes_and_with_correct_styling(
     assert (
         "1 technical failures"
         in page.find_all("div", class_="grid-col-6")[1]
-        .find("div", class_="big-number-status-failing")
+        .find("div", class_="big-number-status--failing")
         .text
     )