From 51b235f7aadeb793fc5f09d647adf3514ff98127 Mon Sep 17 00:00:00 2001
From: Shpuld Shpuldson <shp@cock.li>
Date: Wed, 15 Jul 2020 12:26:14 +0300
Subject: [PATCH] adjust icon use

---
 src/components/post_status_form/post_status_form.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/post_status_form/post_status_form.vue b/src/components/post_status_form/post_status_form.vue
index 7a96a389..b1c74aad 100644
--- a/src/components/post_status_form/post_status_form.vue
+++ b/src/components/post_status_form/post_status_form.vue
@@ -80,7 +80,8 @@
           >
             {{ $t('post_status.preview') }}
             <i
-              :class="showPreview ? 'icon-up-open' : 'icon-down-open'"
+              class="icon-left-open"
+              :style="{ 'transform': showPreview ? 'rotate(90deg)' : 'rotate(-90deg)' }"
             />
           </a>
           <i
@@ -385,11 +386,13 @@
   .preview-toggle {
     display: flex;
     cursor: pointer;
+    user-select: none;
 
     &:hover {
       text-decoration: underline;
     }
     i {
+      margin-left: 0.2em;
       font-size: 0.9em;
     }
   }