Reduce space around input fields and add file size info to file upload

atst/forms/task_order.py

@@ -41,6 +41,7 @@ class TaskOrderForm(BaseForm):
     )
     pdf = FileField(
         None,
+        description="Your file may not exceed 50MB",
         validators=[
             FileAllowed(["pdf"], translate("forms.task_order.file_format_not_allowed")),
             FileLength(message=translate("forms.validators.file_length")),

styles/sections/_task_order.scss

@@ -78,6 +78,10 @@
       margin: 1.5em 0;
     }
 
+    .usa-input {
+      margin: $gap 0;
+    }
+
     .task-order__loa-fieldset {
       .usa-input {
         margin: 0;
@@ -96,6 +100,10 @@
         margin-bottom: 0;
       }
     }
+
+    .task-order__pdf-help-text {
+      margin-bottom: 4 * $gap;
+    }
   }
 
   .row.row__form-fields {

templates/task_orders/edit.html

@@ -366,7 +366,7 @@
 
               <hr>
               <div class="h3">Upload your supporting documentation</div>
-              <div>
+              <div class="task-order__pdf-help-text">
                 Upload a single PDF containing all relevant information. {{ Icon('help')}}
               </div>
             {{ UploadInput(form.pdf) }}