Merge pull request #542 from dod-ccpo/fix-alignment-ie

Fix layout for task order view page in IE

styles/sections/_task_order.scss

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

templates/portfolios/task_orders/show.html

@@ -9,7 +9,7 @@
     <div class="task-order-next-steps__icon col">
       <span>{{ Icon("ok", classes="complete" if complete else "incomplete") }}</span>
     </div>
-    <div>
+    <div class="task-order-next-steps__text">
       <div class="task-order-next-steps__heading row">
         <h4>{{ title }}</h4>
         {% if link_url %}
@@ -70,7 +70,7 @@
         <dt>Started</dt>
         <dd>
           <local-datetime
-            timestamp="{{ task_order.start_date }}"
+            timestamp="{{ task_order.time_created }}"
             format="M/D/YYYY">
             </local-datetime>
         </dd>