pk/atst
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source 
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
styles/sections/_task_order.scss
View File

@ -292,7 +292,7 @@
.task-order-invitations__heading { .task-order-invitations__heading {
margin-bottom: 0; margin-bottom: 0;
&.subheading .h2 { &.subheading {
color: $color-gray; color: $color-gray;
} }
} }
@ -316,6 +316,10 @@
color: $color-gray; color: $color-gray;
} }
.officer__description {
margin-bottom: 2.5rem;
}
.officer__info { .officer__info {
.officer__info--name { .officer__info--name {
font-weight: bold; font-weight: bold;
@ -345,6 +349,10 @@
@include icon-color($color-red); @include icon-color($color-red);
} }
} }
.status-text {
vertical-align: top;
}
} }
} }

4
templates/portfolios/task_orders/invitations.html
View File

@ -72,7 +72,7 @@
<div class="officer__info--name">{{ first_name }} {{ last_name }}</div> <div class="officer__info--name">{{ first_name }} {{ last_name }}</div>
<div class="officer__info--status invited"> <div class="officer__info--status invited">
<span>{{ Icon("ok", classes="invited") }}</span> <span>{{ Icon("ok", classes="invited") }}</span>
<span>Invited</span> <span class="status-text">Invited</span>
</div> </div>
</div> </div>
<p class="officer__info--email">{{ email }}</p> <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--name">{{ first_name }} {{ last_name }}</div>
<div class="officer__info--status uninvited"> <div class="officer__info--status uninvited">
<span>{{ Icon("alert", classes="uninvited") }}</span> <span>{{ Icon("alert", classes="uninvited") }}</span>
Not Invited <span class="status-text">Not Invited</span>
</div> </div>
</div> </div>
<p class="officer__info--email">{{ email }}</p> <p class="officer__info--email">{{ email }}</p>