Reorder elements on the page, fix input widths, move validation icon for inputs

styles/sections/_task_order.scss

@@ -69,6 +69,57 @@
     }
   }
 
+  .card {
+    padding: ($gap * 5);
+
+    .usa-input {
+      margin: 0 $gap 0 0;
+    }
+
+    span.icon.icon--ok.icon-validation {
+      left: 47.5em;
+    }
+
+    .form-row {
+      margin: 0;
+    }
+
+    .usa-input input {
+      max-width: -webkit-fill-available;
+    }
+
+    select {
+      max-width: -webkit-fill-available;
+    }
+
+    button {
+      margin-bottom: $gap * 3;
+    }
+
+    .task-order__loa-fieldset {
+      .usa-input__title {
+        padding: 0 0 0.4rem 0;
+        font-size: 1.7rem;
+      }
+
+      .usa-input {
+        margin: 0;
+      }
+
+      input {
+        margin: $gap 0;
+      }
+
+      input:first-child {
+        margin-top: 0;
+      }
+
+      input:last-child {
+        margin-bottom: 0;
+      }
+    }
+  }
+
   .usa-input__title,
   .usa-input__title-inline {
     font-weight: $font-normal;
@@ -135,24 +186,6 @@
       }
     }
 
-    .task-order__loa-fieldset {
-      .usa-input {
-        margin: 0;
-      }
-
-      input {
-        margin: $gap 0;
-      }
-
-      input:first-child {
-        margin-top: 0;
-      }
-
-      input:last-child {
-        margin-bottom: 0;
-      }
-    }
-
     button.icon-link {
       margin-top: 0;
       margin-left: 0;