Finalize styling for Task Order index page.

styles/core/_grid.scss

@@ -40,8 +40,7 @@
   }
 
   &.col--grow {
-    flex: 1;
-    flex-grow: 1;
+    flex: 1 auto;
     padding-right: $spacing-small;
   }
 

styles/core/_variables.scss

@@ -16,6 +16,7 @@ $footer-height: 5rem;
 $usa-banner-height: 2.8rem;
 $sidenav-expanded-width: 25rem;
 $sidenav-collapsed-width: 10rem;
+$max-panel-width: 80rem;
 
 /*
  * USWDS Variables

styles/elements/_accordions.scss

@@ -1,14 +1,11 @@
 .accordion {
+  @include shadow-panel;
+
   &__header {
     margin: 0;
   }
 
-  ul {
-    margin: 0;
-    list-style: none;
-
-    li {
-      background-color: $color-white;
-    }
+  &__content {
+    padding: 0 ($gap * 3) $gap;
   }
 }

styles/sections/_task_order.scss

@@ -189,4 +189,28 @@
 .task-order__list {
   margin-top: $gap;
   margin-bottom: $gap;
+  max-width: $max-panel-width;
+
+  &--item {
+    border-bottom: 1px solid $color-gray-lightest;
+
+    &:last-child {
+      border-bottom: none;
+      padding-bottom: $gap;
+    }
+
+    .col {
+      padding-right: $gap * 2;
+    }
+
+    h4 {
+      margin: $gap * 2 0 $gap;
+    }
+
+    h5 {
+      font-size: 1rem;
+      color: $color-gray;
+      margin: 0;
+    }
+  }
 }