Add description text to officer edit forms and update styling

2019-02-07 15:39:36 -05:00
parent 6dec26c93c
commit 4bd4b4d488
3 changed files with 58 additions and 28 deletions
--- a/styles/sections/_task_order.scss
+++ b/styles/sections/_task_order.scss
@@ -361,6 +361,32 @@
    }

    .officer__form {
+        padding: 1.5rem;
+        background-color: $color-aqua-lightest;
+        border-left-color: $color-blue;
+        border-left-style: solid;
+        border-left-width: $gap / 2;
+
+      .edit-officer {
+        h4 {
+          color: $color-gray;
+          margin-bottom: 0.5rem;
+        }
+
+        p {
+          font-size: 1.5rem;
+        }
+      }
+
+      .usa-input__title {
+        font-weight: normal;
+      }
+
+      .form-row {
+        margin-bottom: 0rem;
+        margin-top: 0rem;
+      }
+
      .officer__form--actions {
        display: flex;
        flex-direction: row;