Fix header layout

styles/sections/_task_order.scss

@@ -50,6 +50,13 @@
     }
   }
 
+  &__header {
+    .h2,
+    p {
+      margin-bottom: $gap * 0.5;
+    }
+  }
+
   .col {
     flex-grow: 1;
   }

templates/task_orders/form_header.html

@@ -1,21 +1,15 @@
 {% macro TOFormStepHeader(title, description, to_number=None) %}
-  <div class="column">
-    <div class="form-row">
-      <div class="form-col form-col--two-thirds">
+  <div class="task-order__header">
     <div class="h2">
       {{ title }}
     </div>
-      </div>
-      <div class="form-col form-col--third task-order__number">
     {% if to_number %}
+      <p>
         <strong>Task Order Number:</strong> {{ to_number }}
+      </p>
     {% endif %}
-      </div>
-    </div>
-    <div class="form-row">
     <p>
       {{ description }}
     </p>
   </div>
-  </div>
 {% endmacro %}