Finalize styling for Task Order index page.

2019-12-04 14:31:37 -05:00
parent d994365460
commit 1165b60fce
6 changed files with 62 additions and 19 deletions
--- a/styles/sections/_task_order.scss
+++ b/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;
+    }
+  }
 }