Fix color of heading, alight the invite status alert text, and add space

after officer descriptions
This commit is contained in:
leigh-mil 2019-02-05 11:55:02 -05:00
parent 26f26f9a3a
commit 2aea398455
2 changed files with 11 additions and 3 deletions

View File

@ -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;
}
}
}

View File

@ -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>