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 9ce9a46aeb..1962e93524 100644
--- a/ghost/admin/app/components/posts-list/list-item-clicks.hbs
+++ b/ghost/admin/app/components/posts-list/list-item-clicks.hbs
@@ -122,9 +122,6 @@
{{!-- Opens column --}}
-
- Opened
-
{{#if this.isOpenStatHovered}}
{{format-number @post.email.openedCount}}
@@ -132,6 +129,9 @@
{{@post.email.openRate}}%
{{/if}}
+
+ opened
+
{{else}}
@@ -142,9 +142,6 @@
{{!-- Clicks column --}}
-
- Clicked
-
{{#if this.isClickStatHovered}}
{{format-number @post.count.clicks}}
@@ -152,6 +149,9 @@
{{@post.clickRate}}%
{{/if}}
+
+ clicked
+
{{else}}
@@ -164,7 +164,7 @@
{{#if (and (not this.session.user.isContributor) (or @post.isSent @post.isPublished) (or this.settings.emailTrackClicks (feature "memberAttribution")))}}
- {{svg-jar "stats" title="View post analytics"}} Stats
+ {{svg-jar "stats" title="View post analytics"}}Stats
{{else}}
{{!--
diff --git a/ghost/admin/app/styles/layouts/content.css b/ghost/admin/app/styles/layouts/content.css
index 32e1d6813c..4248b20570 100644
--- a/ghost/admin/app/styles/layouts/content.css
+++ b/ghost/admin/app/styles/layouts/content.css
@@ -256,7 +256,7 @@ a.gh-post-list-signups.active:hover > span, a.gh-post-list-conversions.active:ho
.gh-list .gh-content-entry-title {
display: flex;
align-items: center;
- margin: 0 0 3px 0;
+ margin: 0 0 2px;
font-size: 1.6rem;
font-weight: 600;
}
@@ -266,7 +266,7 @@ a.gh-post-list-signups.active:hover > span, a.gh-post-list-conversions.active:ho
}
.gh-posts-list-item p {
- margin: 0 0 3px;
+ margin: 0 0 2px;
font-size: 1.3rem;
overflow-wrap: break-word;
color: var(--middarkgrey);
@@ -567,6 +567,11 @@ a.gh-post-list-signups.active:hover > span, a.gh-post-list-conversions.active:ho
.gh-posts-list-item.gh-posts-list-item-labs .gh-post-list-opens,
.gh-posts-list-item.gh-posts-list-item-labs .gh-post-list-clicks {
+ width: 0;
+ }
+
+ .gh-posts-list-item.gh-posts-list-item-labs .gh-post-list-opens > div,
+ .gh-posts-list-item.gh-posts-list-item-labs .gh-post-list-clicks > div {
display: none;
}
@@ -961,7 +966,7 @@ a.gh-post-list-signups.active:hover > span, a.gh-post-list-conversions.active:ho
}
.gh-posts-list-item-labs .gh-content-entry-title {
- margin: 0 0 3px;
+ margin: 0 0 2px;
font-size: 1.55rem;
font-weight: 600;
}
@@ -1025,10 +1030,7 @@ a.gh-post-list-signups.active:hover > span, a.gh-post-list-conversions.active:ho
.gh-posts-list-item-labs .gh-post-list-clicks,
.gh-posts-list-item-labs .gh-post-list-opens {
padding-right: 24px;
-}
-
-.gh-posts-list-item-labs .gh-post-list-opens {
- padding-right: 36px;
+ width: 120px;
}
.gh-posts-list-item-labs .gh-content-email-stats,
@@ -1045,56 +1047,10 @@ a.gh-post-list-signups.active:hover > span, a.gh-post-list-conversions.active:ho
.gh-content-email-stats-value {
color: var(--black);
- font-size: 1.5rem;
+ font-size: 1.55rem;
font-weight: 600;
+ margin: 0 0 3px;
}
-/*
-.gh-posts-list-item-labs a.gh-post-list-cta {
- display: flex;
- align-items: center;
- color: var(--green-d1);
-}
-
-a.gh-post-list-cta.edit {
- color: var(--midlightgrey-d2);
-}
-
-a.gh-post-list-cta svg {
- display: block;
- width: 8px;
- height: 8px;
- margin: 2px 6px 0;
- transition: transform 0.4s cubic-bezier(0.1, 0.7, 0.1, 1);
-}
-
-a.gh-post-list-cta svg path {
- stroke-width: 4;
- stroke: var(--green-d1);
-}
-
-a.gh-post-list-cta.edit svg path {
- stroke: var(--midlightgrey-d2);
-}
-
-a.gh-post-list-cta.is-hovered svg {
- transform: translateX(2px)
-}
-
-a.gh-post-list-cta.is-hovered:hover {
- color: var(--green-d2);
-}
-
-.gh-post-analytics-meta a.gh-post-list-cta {
- margin-right: 0;
-}
-
-
-
-
-
- */
-
-
a.gh-post-list-cta {
display: flex;
@@ -1145,6 +1101,10 @@ a.gh-post-list-cta svg path {
stroke-width: 2;
}
+a.gh-post-list-cta > span {
+ padding: 0 0 0 1rem;
+}
+