post status form: styling fixes for content-type selector, align icons with selector

This commit is contained in:
William Pitcock 2018-08-31 04:23:06 +00:00
parent 958acbab8d
commit f9bfe2ea37
2 changed files with 12 additions and 5 deletions

View File

@ -502,6 +502,10 @@ nav {
.text-format { .text-format {
float: right; float: right;
} }
div {
padding-top: 5px;
}
} }
.visibility-notice { .visibility-notice {

View File

@ -34,11 +34,14 @@
</textarea> </textarea>
<div class="visibility-tray"> <div class="visibility-tray">
<span class="text-format"> <span class="text-format">
<select v-model="newStatus.contentType" class="form-control"> <label for="post-content-type" class="select">
<option value="text/plain">{{$t('post_status.content_type.plain_text')}}</option> <select id="post-content-type" v-model="newStatus.contentType" class="form-control">
<option value="text/html">HTML</option> <option value="text/plain">{{$t('post_status.content_type.plain_text')}}</option>
<option value="text/markdown">Markdown</option> <option value="text/html">HTML</option>
</select> <option value="text/markdown">Markdown</option>
</select>
<i class="icon-down-open"></i>
</label>
</span> </span>
<div v-if="scopeOptionsEnabled"> <div v-if="scopeOptionsEnabled">