improve profile form alignment and spacing
<fieldset class="col-sm-12">
<small class="text-muted">If this user account is for an Organization, First name, Middle name, and Last name may be left blank. Any resources created by an Organization user will list the Organization as the resource author/creator.</small>
</fieldset>
+ <br>
</div>
<div class="row">
+ <div class="col-xs-12 col-sm-6">
+ <div class="row">
+
{# Organization #}
- <fieldset class="col-sm-6">
+ <fieldset class="col-xs-12">
<label>Organization *</label>
<input class="form-control form-required tagsinput" {% if profile.organization %}value="{{ profile.organization }}"{% endif %} name="organization">
- <br /><small class="text-muted">The names of the organizations you are associated with.</small><br />
+ <small class="text-muted">The names of the organizations you are associated with.</small><br />
</fieldset>
+ <br>
{# User Type #}
- <fieldset>
+ <fieldset class="col-xs-12">
<label for="selectUserType">User type *</label>
<select name="user_type" class="form-control form-required" id="selectUserType">
<option disabled selected value>Select a user type</option>
</fieldset>
{# User Type - Other #}
- <fieldset id="user-type-other">
+ <fieldset id="user-type-other" class="col-sm-6">
<label>Specify: *</label>
<input name="user_type" class="form-control">
</fieldset>
+ </div>
+ </div>
+ <div class="col-xs-12 col-sm-6">
+ <div class="row">
{# Country #}
- <fieldset>
+ <fieldset class="col-xs-12">
<label>Country *</label>
<select id="country" name="country" class="form-control form-required input-medium bfh-countries" data-country="{{ profile.country }}"></select>
</fieldset>
{# State #}
- <fieldset>
+ <fieldset class="col-xs-12">
<label>State/Region</label>
<select id="state" name="state" class="form-control input-medium bfh-states" data-country="country" data-state="{{ profile.state }}"></select>
</fieldset>
</div>
+ </div>
+ </div>
- <div class="row">
{# Subject areas #}
- <fieldset class="col-sm-12">
+ <fieldset>
<label>Subject areas</label>
<input class="form-control" {% if profile.subject_areas %}value="{{ profile.subject_areas }}"{% endif %} name="subject_areas">
<small class="text-muted">A comma-separated list of subject areas you are interested
in researching. e.g. "Computer Science, Hydrology, Water Management"
</small>
</fieldset>
- </div>
- <div class="row">
+ <br>
+
{# email subscription #}
- <fieldset class="col-sm-12">
- <input type="checkbox" name="email_opt_out" id="id_email_opt_out"
- {% if profile.email_opt_out %} checked {% endif %}>
- <label class="form-check" for="id_email_opt_out">Opt out of receiving system
- announcement emails such as announcements of planned downtime for system upgrades.</label>
- </fieldset>
+ <fieldset>
+ <div class="checkbox">
+ <label class="form-check" for="id_email_opt_out">
+ <input type="checkbox" name="email_opt_out" id="id_email_opt_out" {% if profile.email_opt_out %} checked {% endif %}>
+ Opt out of receiving system announcement emails such as announcements of planned downtime for system upgrades.</label>
</div>
+ </fieldset>
</div>
{% endif %}
