Fix IE alignment for task order view page

This commit is contained in:
Patrick Smith 2019-01-15 12:47:57 -05:00
parent 8472a0e987
commit d0c924388a
2 changed files with 11 additions and 6 deletions

View File

@ -47,13 +47,8 @@
.task-order-summary { .task-order-summary {
.panel { .panel {
width: 100%; width: 100%;
@include ie-only {
max-width: 100%;
}
} }
.task-order-heading { .task-order-heading {
@ -93,6 +88,10 @@
padding-right: $gap; padding-right: $gap;
} }
@include ie-only {
width: 100%;
}
.task-order-next-steps__step { .task-order-next-steps__step {
.task-order-next-steps__icon { .task-order-next-steps__icon {
padding: $gap $gap 0 0; padding: $gap $gap 0 0;
@ -105,6 +104,12 @@
} }
} }
.task-order-next-steps__text {
@include ie-only {
width: 100%
}
}
.task-order-next-steps__heading { .task-order-next-steps__heading {
h4 { h4 {
margin: $gap $gap 0 0; margin: $gap $gap 0 0;

View File

@ -9,7 +9,7 @@
<div class="task-order-next-steps__icon col"> <div class="task-order-next-steps__icon col">
<span>{{ Icon("ok", classes="complete" if complete else "incomplete") }}</span> <span>{{ Icon("ok", classes="complete" if complete else "incomplete") }}</span>
</div> </div>
<div> <div class="task-order-next-steps__text">
<div class="task-order-next-steps__heading row"> <div class="task-order-next-steps__heading row">
<h4>{{ title }}</h4> <h4>{{ title }}</h4>
{% if link_url %} {% if link_url %}