better UI for custom alias page

This commit is contained in:
Son NK 2019-12-11 00:26:28 +01:00
parent 4e6922adad
commit 2412658a3e

View file

@ -22,15 +22,15 @@
<label class="form-label font-weight-bold">With SimpleLogin domain</label> <label class="form-label font-weight-bold">With SimpleLogin domain</label>
{% endif %} {% endif %}
<div class="row mt-4"> <div class="row">
<div class="col pr-1"> <div class="col-sm-6 pr-1 pl-0 mb-1" style="min-width: 5em">
<input name="email-prefix" class="form-control" <input name="email-prefix" class="form-control"
pattern="[0-9|A-Z|a-z|-|_]{1,}" pattern="[0-9|A-Z|a-z|-|_]{1,}"
title="Only letter, number, dash (-), underscore (_) can be used in alias prefix." title="Only letter, number, dash (-), underscore (_) can be used in alias prefix."
placeholder="alias prefix" placeholder="email alias"
autofocus required> autofocus required>
</div> </div>
<div class="col align-self-center p-0" style="height:1.5rem"> <div class="col-sm-6 align-self-center p-0" style="height:1.5rem">
<input type="hidden" name="email-suffix" value="{{ email_suffix }}"> <input type="hidden" name="email-suffix" value="{{ email_suffix }}">
<h4> <h4>
.{{ email_suffix }}@{{ EMAIL_DOMAIN }} .{{ email_suffix }}@{{ EMAIL_DOMAIN }}
@ -38,11 +38,16 @@
</div> </div>
</div> </div>
<div class="row">
<div class="small-text"> <div class="small-text">
You can use letter, number or dash. Alias cannot be empty. You can use letter, number or dash. Alias cannot be empty.
</div> </div>
</div>
<div class="row">
<button class="btn btn-primary mt-1">Create</button>
</div>
<button class="btn btn-primary">Create</button>
</div> </div>
</form> </form>