CSS refactor

accordion_table.scss refactor

audit_log.scss refactor

budget_chart.scss refactor

delete checklist.scss

dod_login_notice.scss refactor

empty_state.scss refactor

footer.scss refactor

forms.scss refactor

global_navigation.scss refactor

delete member_edit.scss

modal.scss refactor

refactor portfolio_layout

delete search_bar.scss

selector.scss refactor

sticky_cta.scss refactor

refactor topbar.scss

refactor accordions.scss

refactor action_group.scss

refactor block_list.scss

refactor card.scss

refactor icon css

refactor inputs.scss

refactor labels.scss

refactor panel.scss

sidename.scss

tables.scss

refactor uploader.scss

application list and edit refactor

home.scss refactor

login.scss styles

reports.scss refactor

task_order.scss refactor

styles/sections/_task_order.scss

@@ -2,20 +2,22 @@
   margin-top: 6 * $gap;
 }
 
-.task-order-card .label {
-  font-size: $small-font-size;
-  margin-right: 2 * $gap;
-  min-width: 7rem;
-  display: flex;
-  justify-content: space-around;
-}
+.task-order-card {
+  &__buttons .usa-button {
+    min-width: 10rem;
+  }
 
-.task-order-card__buttons .usa-button {
-  min-width: 10rem;
-}
+  &__buttons .usa-button-secondary {
+    min-width: 14rem;
+  }
 
-.task-order-card__buttons .usa-button-secondary {
-  min-width: 14rem;
+  .label {
+    font-size: $small-font-size;
+    margin-right: 2 * $gap;
+    min-width: 7rem;
+    display: flex;
+    justify-content: space-around;
+  }
 }
 
 .task-order {
@@ -62,10 +64,6 @@
       text-align: right;
     }
 
-    .task-order__details {
-      max-width: 65%;
-    }
-
     .totals-box {
       padding: $gap * 4;
       padding-top: $gap * 2;
@@ -225,21 +223,23 @@
     width: 100%;
   }
 
-  .label--pending,
-  .label--started {
-    background-color: $color-gold;
-  }
+  .label {
+    &--pending,
+    &--started {
+      background-color: $color-gold;
+    }
 
-  .label--active {
-    background-color: $color-green;
-  }
+    &--active {
+      background-color: $color-green;
+    }
 
-  .label--expired {
-    background-color: $color-red;
+    &--expired {
+      background-color: $color-red;
+    }
   }
 
   .task-order-document-link {
-    .task-order-document-link__icon {
+    &__icon {
       padding-top: 0.5rem;
     }