Fix button, input, and select line-height

This commit is contained in:
Jeremy Thomas
2017-03-12 23:31:56 +00:00
parent 718bbdbfd0
commit d2d9515dfa
5 changed files with 58 additions and 19 deletions

View File

@@ -759,13 +759,32 @@ doc-subtab: form
</p>
</div>
<div class="field">
<p class="control is-expanded has-icon">
<p class="control is-expanded has-icon has-icon-right">
<input class="input is-success" type="email" placeholder="Email" value="alex@smith.com">
<span class="icon is-small">
<i class="fa fa-check"></i>
</span>
</p>
<p class="help is-success">This username is available</p>
<p class="help is-success">This email is correct</p>
</div>
</div>
</div>
<div class="field is-horizontal">
<div class="field-label">
<label class="label">Department</label>
</div>
<div class="field-body">
<div class="field is-narrow">
<div class="control">
<div class="select is-fullwidth">
<select>
<option>Business development</option>
<option>Marketing</option>
<option>Sales</option>
</select>
</div>
</div>
</div>
</div>
</div>
@@ -777,12 +796,11 @@ doc-subtab: form
<div class="field-body">
<div class="field">
<div class="control">
<div class="select is-fullwidth">
<select>
<option>General enquiry</option>
</select>
</div>
<input class="input is-danger" type="text" placeholder="e.g. Partnership opportunity">
</div>
<p class="help is-danger">
This field is required
</p>
</div>
</div>
</div>