aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorWilliam Pitcock <nenolod@dereferenced.org>2018-08-31 04:23:06 +0000
committerWilliam Pitcock <nenolod@dereferenced.org>2018-08-31 04:23:06 +0000
commitf9bfe2ea3792e403d41bf8fe81176e4ca9957b2b (patch)
tree02f44779a302296560f47af3e45373494ae7a7ef
parent958acbab8d43b7514369f4bc69bc2fe0353eddf2 (diff)
post status form: styling fixes for content-type selector, align icons with selector
-rw-r--r--src/App.scss4
-rw-r--r--src/components/post_status_form/post_status_form.vue13
2 files changed, 12 insertions, 5 deletions
diff --git a/src/App.scss b/src/App.scss
index 70769fad..dd43c5ca 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -502,6 +502,10 @@ nav {
.text-format {
float: right;
}
+
+ div {
+ padding-top: 5px;
+ }
}
.visibility-notice {
diff --git a/src/components/post_status_form/post_status_form.vue b/src/components/post_status_form/post_status_form.vue
index 8b8eeae0..543ab527 100644
--- a/src/components/post_status_form/post_status_form.vue
+++ b/src/components/post_status_form/post_status_form.vue
@@ -34,11 +34,14 @@
</textarea>
<div class="visibility-tray">
<span class="text-format">
- <select v-model="newStatus.contentType" class="form-control">
- <option value="text/plain">{{$t('post_status.content_type.plain_text')}}</option>
- <option value="text/html">HTML</option>
- <option value="text/markdown">Markdown</option>
- </select>
+ <label for="post-content-type" class="select">
+ <select id="post-content-type" v-model="newStatus.contentType" class="form-control">
+ <option value="text/plain">{{$t('post_status.content_type.plain_text')}}</option>
+ <option value="text/html">HTML</option>
+ <option value="text/markdown">Markdown</option>
+ </select>
+ <i class="icon-down-open"></i>
+ </label>
</span>
<div v-if="scopeOptionsEnabled">