Merge pull request #1003 from dod-ccpo/bug-fixes

More styling fixes

styles/components/_usa_banner.scss

@@ -2,7 +2,7 @@
   display: flex;
   align-items: center;
   padding: ($gap / 2) $gap;
-  z-index: 5;
+  z-index: 15;
 
   img {
     flex-grow: 0;

styles/sections/_task_order.scss

@@ -35,10 +35,24 @@
     margin-top: 1rem;
     table-layout: fixed;
 
-    td {
-      overflow: hidden;
+    th {
       white-space: nowrap;
-      text-overflow: ellipsis;
+      word-wrap: normal;
+      padding: 0.8rem;
+
+      &.task-order__clin-amount {
+        width: 25%;
+      }
+    }
+
+    td {
+      padding: 0.8rem;
+
+      &.task-order__loa {
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+      }
     }
   }
 

templates/fragments/task_order_review.html

@@ -39,7 +39,7 @@
           <table class="fixed-table-wrapper">
             <thead>
               <tr>
-                <th>{{ "task_orders.review.clins.amount" | translate }}</th>
+                <th class="task-order__clin-amount">{{ "task_orders.review.clins.amount" | translate }}</th>
                 <th>{{ "task_orders.review.clins.obligated" | translate }}</th>
                 <th>{{ "task_orders.review.clins.pop_start" | translate }}</th>
                 <th>{{ "task_orders.review.clins.pop_end" | translate }}</th>
@@ -59,7 +59,7 @@
                 </td>
                 <td>{{ clin.start_date | formattedDate }}</td>
                 <td>{{ clin.end_date | formattedDate }}</td>
-                <td>
+                <td class="task-order__loa">
                   {% for loa in clin.loas %}
                     <span title='{{ loa }}'>
                       {{ loa }}