From 2aea39845519a9f343bd7b5e3282d52dd77e22aa Mon Sep 17 00:00:00 2001
From: leigh-mil <leigh-ctr@friends.dds.mil>
Date: Tue, 5 Feb 2019 11:55:02 -0500
Subject: [PATCH] Fix color of heading, alight the invite status alert text,
 and add space after officer descriptions

---
 styles/sections/_task_order.scss                  | 10 +++++++++-
 templates/portfolios/task_orders/invitations.html |  4 ++--
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/styles/sections/_task_order.scss b/styles/sections/_task_order.scss
index 6c8deac2..f916a0b7 100644
--- a/styles/sections/_task_order.scss
+++ b/styles/sections/_task_order.scss
@@ -292,7 +292,7 @@
   .task-order-invitations__heading {
     margin-bottom: 0;
 
-    &.subheading .h2 {
+    &.subheading {
       color: $color-gray;
     }
   }
@@ -316,6 +316,10 @@
       color: $color-gray;
     }
 
+    .officer__description {
+      margin-bottom: 2.5rem;
+    }
+
     .officer__info {
       .officer__info--name {
         font-weight: bold;
@@ -345,6 +349,10 @@
             @include icon-color($color-red);
           }
         }
+
+        .status-text {
+          vertical-align: top;
+        }
       }
     }
 
diff --git a/templates/portfolios/task_orders/invitations.html b/templates/portfolios/task_orders/invitations.html
index 61d2ddd4..782f86b8 100644
--- a/templates/portfolios/task_orders/invitations.html
+++ b/templates/portfolios/task_orders/invitations.html
@@ -72,7 +72,7 @@
             <div class="officer__info--name">{{ first_name }} {{ last_name }}</div>
             <div class="officer__info--status invited">
               <span>{{ Icon("ok", classes="invited") }}</span>
-              <span>Invited</span>
+              <span class="status-text">Invited</span>
             </div>
           </div>
           <p class="officer__info--email">{{ email }}</p>
@@ -90,7 +90,7 @@
             <div class="officer__info--name">{{ first_name }} {{ last_name }}</div>
             <div class="officer__info--status uninvited">
               <span>{{ Icon("alert", classes="uninvited") }}</span>
-              Not Invited
+              <span class="status-text">Not Invited</span>
             </div>
           </div>
           <p class="officer__info--email">{{ email }}</p>