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 1/3] 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 3dcf1f7957..7a96a389da 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 {

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 2/3] 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 7a96a389da..b1c74aade2 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;
     }
   }

From 0546326b222d0d861e15401768dfad80ec2b9175 Mon Sep 17 00:00:00 2001
From: Shpuld Shpuldson <shp@cock.li>
Date: Wed, 22 Jul 2020 09:43:22 +0300
Subject: [PATCH 3/3] update icon to hopefully look fine on both browsers

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

diff --git a/src/components/post_status_form/post_status_form.vue b/src/components/post_status_form/post_status_form.vue
index b1c74aade2..7ee9e74847 100644
--- a/src/components/post_status_form/post_status_form.vue
+++ b/src/components/post_status_form/post_status_form.vue
@@ -79,10 +79,7 @@
             @click.stop.prevent="togglePreview"
           >
             {{ $t('post_status.preview') }}
-            <i
-              class="icon-left-open"
-              :style="{ 'transform': showPreview ? 'rotate(90deg)' : 'rotate(-90deg)' }"
-            />
+            <i :class="showPreview ? 'icon-left-open' : 'icon-right-open'" />
           </a>
           <i
             v-show="previewLoading"
@@ -393,7 +390,8 @@
     }
     i {
       margin-left: 0.2em;
-      font-size: 0.9em;
+      font-size: 0.8em;
+      transform: rotate(90deg);
     }
   }