From 46f93ad55542044f5b0c162d7295e5222dad6981 Mon Sep 17 00:00:00 2001
From: Peter Zimon <zimo@ghost.org>
Date: Thu, 15 Aug 2024 14:54:50 +0200
Subject: [PATCH] Refined details for new publish flow (#20761)

DES-686

Typography for the new modal was a bit off, needed refinement.
---
 .../app/components/modal-post-success.hbs     |  2 +-
 .../app/styles/components/publishmenu.css     | 21 ++++++++++++-------
 2 files changed, 14 insertions(+), 9 deletions(-)

diff --git a/ghost/admin/app/components/modal-post-success.hbs b/ghost/admin/app/components/modal-post-success.hbs
index 2f8715db6d..8fd086b91b 100644
--- a/ghost/admin/app/components/modal-post-success.hbs
+++ b/ghost/admin/app/components/modal-post-success.hbs
@@ -66,7 +66,7 @@
 
             {{#if (or this.post.hasEmail this.post.willEmail)}}
                 {{#let (members-count-fetcher query=(hash filter=this.post.fullRecipientFilter)) as |countFetcher|}}
-                    <strong>
+                    <strong class="nowrap">
                         {{if (eq @recipientType "all") "all"}}
 
                         {{format-number countFetcher.count}}
diff --git a/ghost/admin/app/styles/components/publishmenu.css b/ghost/admin/app/styles/components/publishmenu.css
index d1e164c81e..ee328e50b2 100644
--- a/ghost/admin/app/styles/components/publishmenu.css
+++ b/ghost/admin/app/styles/components/publishmenu.css
@@ -885,8 +885,8 @@
 /* ---------------------------------------------------------- */
 
 .modal-post-success {
-    max-width: 640px;
-    --padding: 40px;
+    max-width: 600px;
+    --padding: 36px;
     --radius: 12px;
 }
 
@@ -917,7 +917,7 @@
     display: flex;
     flex-direction: column;
     margin: 0;
-    font-size: 3.6rem;
+    font-size: 3.2rem;
     font-weight: 700;
     letter-spacing: -0.03em;
 }
@@ -927,10 +927,15 @@
 }
 
 .modal-post-success .modal-body {
-    margin-top: 16px;
-    font-size: 1.8rem;
+    margin-top: 10px;
+    font-size: 1.6rem;
     line-height: 1.4;
-    letter-spacing: -0.002em;
+    letter-spacing: -0.01em;
+    text-wrap: pretty;
+}
+
+.modal-post-success .modal-body strong.nowrap {
+    text-wrap: nowrap;
 }
 
 .modal-post-success .modal-footer {
@@ -940,7 +945,7 @@
 
 .modal-post-success .modal-footer .gh-btn {
     min-width: 64px;
-    height: 44px;
+    height: 40px;
     border-radius: 4px;
 }
 
@@ -950,7 +955,7 @@
 
 .modal-post-success .modal-footer .gh-btn span {
     padding-inline: 18px;
-    font-size: 1.6rem;
+    font-size: 1.4rem;
 }
 
 .modal-post-success .modal-footer .gh-btn-primary {