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

Fix widths on show task order page

Browse Source
This commit is contained in:
Patrick Smith 2019-02-04 17:33:41 -05:00
parent 7f8a13dd86
commit f36cf9de5f
1 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
styles/sections/_task_order.scss
View File

@ -117,7 +117,7 @@
} }
@include ie-only { @include ie-only {
width: 100%; width: calc(100% - 35rem);
} }
.task-order-next-steps__panel-head { .task-order-next-steps__panel-head {
@ -131,6 +131,10 @@
padding: ($gap * 4) ($gap * 2); padding: ($gap * 4) ($gap * 2);
margin: 0; margin: 0;
@include ie-only {
width: 100%;
}
.task-order-next-steps__icon { .task-order-next-steps__icon {
width: 8%; width: 8%;
padding: $gap $gap 0 0; padding: $gap $gap 0 0;
@ -145,9 +149,6 @@
.task-order-next-steps__text { .task-order-next-steps__text {
width: 60%; width: 60%;
@include ie-only {
width: 100%
}
} }
.task-order-next-steps__action { .task-order-next-steps__action {
@ -159,7 +160,11 @@
} }
.task-order-next-steps__heading { .task-order-next-steps__heading {
h4 { h4 {
@include ie-only {
width: 100%;
}
margin: $gap $gap 0 0; margin: $gap $gap 0 0;
} }
} }