Merge pull request #894 from dod-ccpo/style-to-form

Style to form

styles/components/_sticky_cta.scss

@@ -36,4 +36,19 @@
 
 .sticky-cta-buttons {
   display: flex;
+
+  .action-group {
+    margin: 0;
+
+    a.action-group__action.icon-link {
+      width: auto;
+    }
+
+    input {
+      margin: $gap $gap * 1.5 $gap 0;
+      width: 19rem;
+      height: 3.2rem;
+      font-size: $small-font-size;
+    }
+  }
 }

styles/elements/_inputs.scss

@@ -157,7 +157,7 @@
   .usa-input__choices {
     // checkbox & radio sets
     legend {
-      padding: 0 0 $gap 0;
+      padding: 0 0 ($gap / 2) 0;
 
       @include h4;
 

styles/sections/_task_order.scss

@@ -86,8 +86,9 @@
   min-width: 14rem;
 }
 
-.task-order-summary {
+.task-order {
   margin-top: $gap * 4;
+  width: 900px;
 
   hr {
     border: 0;
@@ -119,11 +120,43 @@
     flex-grow: unset;
     margin-left: $gap * 6;
     margin-top: $gap * 3;
-    width: 33.77%;
+    width: 35%;
     height: fit-content;
     background-color: $color-gray-lightest;
   }
 
+  &.task_order__form {
+    .totals-box {
+      margin-top: 0;
+    }
+
+    .icon {
+      left: 100%;
+    }
+
+    .usa-input--validation--dollars input {
+      max-width: unset;
+    }
+
+    .usa-form-group-year {
+      margin-right: 0.4rem;
+    }
+
+    .usa-alert {
+      margin: 1.5em 0;
+    }
+  }
+
+  .row.row__form-fields {
+    .col {
+      margin-left: $gap;
+    }
+
+    .col:first-child {
+      margin-left: 0;
+    }
+  }
+
   .panel {
     @include shadow-panel;
   }