From f9bfe2ea3792e403d41bf8fe81176e4ca9957b2b Mon Sep 17 00:00:00 2001
From: William Pitcock <nenolod@dereferenced.org>
Date: Fri, 31 Aug 2018 04:23:06 +0000
Subject: post status form: styling fixes for content-type selector, align
 icons with selector

---
 src/components/post_status_form/post_status_form.vue | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

(limited to 'src/components')

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">
-- 
cgit v1.2.3-70-g09d2