Set content width and move alert

styles/sections/_task_order.scss

@@ -88,6 +88,7 @@
 
 .task-order {
   margin-top: $gap * 4;
+  width: 900px;
 
   hr {
     border: 0;
@@ -102,7 +103,6 @@
 
   .col {
     flex-grow: 1;
-    max-width: 610px;
   }
 
   .h1,
@@ -120,7 +120,7 @@
     flex-grow: unset;
     margin-left: $gap * 6;
     margin-top: $gap * 3;
-    width: 33.77%;
+    width: 35%;
     height: fit-content;
     background-color: $color-gray-lightest;
   }
@@ -141,6 +141,10 @@
     .usa-form-group-year {
       margin-right: 0.4rem;
     }
+
+    .usa-alert {
+      margin: 1.5em 0;
+    }
   }
 
   .row.row__form-fields {

templates/task_orders/edit.html

@@ -108,13 +108,14 @@
 
     <to-form inline-template v-bind:initial-clin-count="{{ form.clins.data | length }}">
       <div class="task-order task_order__form">
-        {% include "fragments/flash.html" %}
           <p class="section-description">
             {{ "task_orders.new.form_help_text" | translate }}
           </p>
 
           <hr>
 
+          {% include "fragments/flash.html" %}
+
           <div class="row">
             <div class="col">
               <div class="h1">Add your task order</div>