pleroma-fe

commit: 33b13d3775c2eca44e0319b79565d4b1aaeaf3f2
parent: 958acbab8d43b7514369f4bc69bc2fe0353eddf2
Author: kaniini <nenolod@gmail.com>
Date:   Fri, 31 Aug 2018 04:24:53 +0000

Merge branch 'fixup/post-status-styling' into 'develop'

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

See merge request pleroma/pleroma-fe!327
Diffstat:
M
src/App.scss
4
++++
M
src/components/post_status_form/post_status_form.vue
13
++++++++-----

2 files changed, 12 insertions(+), 5 deletions(-)
diff --git 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
@@ -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">