pk/atst
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Rearrange form fields

Browse Source
This commit is contained in:
leigh-mil 2019-09-09 16:24:50 -04:00
parent c7d8bc260c
commit 4fba3ecaaf
2 changed files with 20 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
styles/sections/_application_edit.scss
View File

@ -32,6 +32,14 @@
.input__inline-fields { .input__inline-fields {
text-align: left; text-align: left;
} }
.form-row {
margin-top: 0;
.usa-input {
margin: 0;
}
}
} }
.app-team-settings-link { .app-team-settings-link {

30
templates/fragments/applications/new_member_modal_content.html
View File

@ -1,33 +1,27 @@
{% from "components/icon.html" import Icon %} {% from "components/icon.html" import Icon %}
{% from "components/text_input.html" import TextInput %} {% from "components/text_input.html" import TextInput %}
{% from "components/checkbox_input.html" import CheckboxInput %} {% from "components/checkbox_input.html" import CheckboxInput %}
{% from "components/phone_input.html" import PhoneInput %}
{% macro MemberStepOne(new_member_form) %} {% macro MemberStepOne(new_member_form) %}
<div class="modal__form--header"> <div class="modal__form--header">
<h1>Invite new member</h1> <h1>{{ Icon('avatar') }} Add Member</h1>
<hr>
</div> </div>
<div class='form-row'> <div class='form-row'>
<div class='form-col form-col--half'> {{ TextInput(new_member_form.user_data.first_name, validation='requiredField', optional=False) }}
{{ TextInput(new_member_form.user_data.first_name, validation='requiredField', optional=False) }}
</div>
<div class='form-col form-col--half'>
{{ TextInput(new_member_form.user_data.last_name, validation='requiredField', optional=False) }}
</div>
</div> </div>
<div class='form-row'> <div class='form-row'>
<div class='form-col form-col--half'> {{ TextInput(new_member_form.user_data.last_name, validation='requiredField', optional=False) }}
{{ TextInput(new_member_form.user_data.email, validation='email', optional=False) }}
</div>
<div class='form-col form-col--half'>
{{ TextInput(new_member_form.user_data.phone_number, validation='usPhone', optional=True) }}
</div>
</div> </div>
<div class='form-row'> <div class='form-row'>
<div class='form-col form-col--half'> {{ TextInput(new_member_form.user_data.email, validation='email', optional=False) }}
{{ TextInput(new_member_form.user_data.dod_id, validation='dodId', optional=False) }} </div>
</div> <div class="form-row">
<div class='form-col form-col--half'> {{ PhoneInput(new_member_form.user_data.phone_number, new_member_form.user_data.phone_ext)}}
</div> </div>
<div class='form-row'>
{{ TextInput(new_member_form.user_data.dod_id, validation='dodId', optional=False) }}
</div> </div>
<div class='action-group'> <div class='action-group'>
<input <input