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

This commit is contained in:
leigh-mil 2019-06-12 16:12:59 -04:00
parent daec01eba0
commit cd0433d85b
3 changed files with 10 additions and 1 deletions

View File

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

View File

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

View File

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