From 97af5c3731a1e49c29df31f2228f495fce47a249 Mon Sep 17 00:00:00 2001
From: James Morris <moreofmorris@users.noreply.github.com>
Date: Mon, 26 Sep 2022 12:29:46 +0100
Subject: [PATCH] Added a small tweak to the percentages on post list

refs https://github.com/TryGhost/Team/issues/1965
---
 ghost/admin/app/components/posts-list/list-item-clicks.hbs | 4 ++--
 ghost/admin/app/styles/layouts/content.css                 | 6 ++++++
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/ghost/admin/app/components/posts-list/list-item-clicks.hbs b/ghost/admin/app/components/posts-list/list-item-clicks.hbs
index 1962e93524..e0d7080a26 100644
--- a/ghost/admin/app/components/posts-list/list-item-clicks.hbs
+++ b/ghost/admin/app/components/posts-list/list-item-clicks.hbs
@@ -126,7 +126,7 @@
                     {{#if this.isOpenStatHovered}}
                         {{format-number @post.email.openedCount}}
                     {{else}}
-                        {{@post.email.openRate}}%
+                        {{@post.email.openRate}}<sup>%</sup>
                     {{/if}}
                 </span>
                 <span class="gh-content-email-stats">
@@ -146,7 +146,7 @@
                     {{#if this.isClickStatHovered}}
                         {{format-number @post.count.clicks}}
                     {{else}}
-                        {{@post.clickRate}}%
+                        {{@post.clickRate}}<sup>%</sup>
                     {{/if}}
                 </span>
                 <span class="gh-content-email-stats">
diff --git a/ghost/admin/app/styles/layouts/content.css b/ghost/admin/app/styles/layouts/content.css
index 4248b20570..5a14c1d421 100644
--- a/ghost/admin/app/styles/layouts/content.css
+++ b/ghost/admin/app/styles/layouts/content.css
@@ -1052,6 +1052,12 @@ a.gh-post-list-signups.active:hover > span, a.gh-post-list-conversions.active:ho
     margin: 0 0 3px;
 }
 
+.gh-content-email-stats-value sup {
+    top: -0.225em;
+    font-size: 75%;
+    padding: 0 0 0 1px;
+}
+
 a.gh-post-list-cta {
     display: flex;
     align-items: center;