From 5c64c000b03f6d6003565887f54b8423450c3d3e Mon Sep 17 00:00:00 2001
From: Patrick Smith <patrick+dds@promptworks.com>
Date: Mon, 14 Jan 2019 10:04:31 -0500
Subject: [PATCH] Update TO next steps layout on smaller screens

---
 styles/sections/_task_order.scss           | 11 ++++++-----
 templates/portfolios/task_orders/show.html |  2 +-
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/styles/sections/_task_order.scss b/styles/sections/_task_order.scss
index 9527ad45..af927b3b 100644
--- a/styles/sections/_task_order.scss
+++ b/styles/sections/_task_order.scss
@@ -47,10 +47,6 @@
 
 .task-order-summary {
 
-  @include media($medium-screen) {
-    @include grid-row;
-    flex-wrap: wrap;
-  }
 
   .panel {
     width: 100%;
@@ -86,11 +82,16 @@
 
   .task-order-details {
     flex-grow: 1;
+    @include media($xlarge-screen) {
+      @include grid-row;
+    }
   }
 
   .task-order-next-steps {
     flex-grow: 1;
-    padding-right: $gap;
+    @include media($xlarge-screen) {
+      padding-right: $gap;
+    }
 
     .task-order-next-steps__step {
       .task-order-next-steps__icon {
diff --git a/templates/portfolios/task_orders/show.html b/templates/portfolios/task_orders/show.html
index 1177df86..17a400c4 100644
--- a/templates/portfolios/task_orders/show.html
+++ b/templates/portfolios/task_orders/show.html
@@ -82,7 +82,7 @@
     </div>
   </div>
 
-  <div class="task-order-details row">
+  <div class="task-order-details">
     <div class="task-order-next-steps">
       <div class="panel">
         <h3 class="panel__content">What's next?</h3>