From 7859c5fe4bcd4b6a0a78a84830ccc55693f253f0 Mon Sep 17 00:00:00 2001
From: Shpuld Shpuldson <shp@cock.li>
Date: Tue, 14 Jul 2020 14:43:26 +0300
Subject: [PATCH] polish preview styles a bit

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

diff --git a/src/components/post_status_form/post_status_form.vue b/src/components/post_status_form/post_status_form.vue
index 3dcf1f79..7a96a389 100644
--- a/src/components/post_status_form/post_status_form.vue
+++ b/src/components/post_status_form/post_status_form.vue
@@ -80,8 +80,7 @@
           >
             {{ $t('post_status.preview') }}
             <i
-              class="icon-down-open"
-              :style="{ transform: showPreview ? 'rotate(0deg)' : 'rotate(-90deg)' }"
+              :class="showPreview ? 'icon-up-open' : 'icon-down-open'"
             />
           </a>
           <i
@@ -374,6 +373,7 @@
   }
 
   .preview-heading {
+    padding-left: 0.5em;
     display: flex;
     width: 100%;
 
@@ -389,10 +389,9 @@
     &:hover {
       text-decoration: underline;
     }
-  }
-
-  .icon-down-open {
-    transition: transform 0.1s;
+    i {
+      font-size: 0.9em;
+    }
   }
 
   .preview-container {