Fix color of heading, alight the invite status alert text, and add space
after officer descriptions
This commit is contained in:
parent
26f26f9a3a
commit
2aea398455
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -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>
|
||||
|
Loading…
x
Reference in New Issue
Block a user