Merge branch 'fix/preview-styles-polish' into 'develop'

polish preview styles a bit

See merge request pleroma/pleroma-fe!1186

src/components/post_status_form/post_status_form.vue

@@ -79,10 +79,7 @@
             @click.stop.prevent="togglePreview"
           >
             {{ $t('post_status.preview') }}
-            <i
+            <i :class="showPreview ? 'icon-left-open' : 'icon-right-open'" />
-              class="icon-down-open"
-              :style="{ transform: showPreview ? 'rotate(0deg)' : 'rotate(-90deg)' }"
-            />
           </a>
           <i
             v-show="previewLoading"
@@ -374,6 +371,7 @@
   }
 
   .preview-heading {
+    padding-left: 0.5em;
     display: flex;
     width: 100%;
 
@@ -385,14 +383,16 @@
   .preview-toggle {
     display: flex;
     cursor: pointer;
+    user-select: none;
 
     &:hover {
       text-decoration: underline;
     }
-  }
+    i {
-
+      margin-left: 0.2em;
-  .icon-down-open {
+      font-size: 0.8em;
-    transition: transform 0.1s;
+      transform: rotate(90deg);
+    }
   }
 
   .preview-container {