Fix styling on app member info form

styles/sections/_application_edit.scss

@@ -27,6 +27,10 @@
 .form-content--app-mem {
   text-align: left;
 
+  .modal__body {
+    min-width: 75rem;
+  }
+
   input[type="checkbox"] + label::before {
     margin-left: 0;
   }

templates/applications/fragments/member_form_fields.html

@@ -53,12 +53,11 @@
 
 {% macro InfoFields(member_form) %}
   <div class="application-member__user-info">
-
+    {{ TextInput(member_form.first_name, validation='requiredField', optional=False) }}
+    {{ TextInput(member_form.last_name, validation='requiredField', optional=False) }}
+    {{ TextInput(member_form.email, validation='email', optional=False) }}
+    {{ PhoneInput(member_form.phone_number, member_form.phone_ext)}}
+    {{ TextInput(member_form.dod_id, validation='dodId', optional=False) }}
+    <a href="#">How do I find the DoD ID?</a>
   </div>
-  {{ TextInput(member_form.first_name, validation='requiredField', optional=False) }}
-  {{ TextInput(member_form.last_name, validation='requiredField', optional=False) }}
-  {{ TextInput(member_form.email, validation='email', optional=False) }}
-  {{ PhoneInput(member_form.phone_number, member_form.phone_ext)}}
-  {{ TextInput(member_form.dod_id, validation='dodId', optional=False) }}
-  <a href="#">How do I find the DoD ID?</a>
 {% endmacro %}

templates/components/phone_input.html

@@ -1,7 +1,7 @@
 {% from "components/text_input.html" import TextInput %}
 
 {% macro PhoneInput(phone_number, phone_ext, placeholder_phone="", phone_optional=True, extension_optional=True) %}
-  <div class='usa-input phone-input'>
+  <div class='phone-input'>
       <div class='phone-input__phone'>
         {{ TextInput(phone_number, placeholder=placeholder_phone, validation='usPhone', optional=phone_optional) }}
       </div>