From 1bef35c9a89e5e28aae7b40c64769a9391c4d766 Mon Sep 17 00:00:00 2001
From: Sanne de Vries <sannedv@protonmail.com>
Date: Tue, 26 Apr 2022 12:07:42 +0100
Subject: [PATCH] Updated publish settings page

Refs https://github.com/TryGhost/Team/issues/1544
---
 .../modals/editor-labs/publish-flow.hbs       |  2 +-
 .../app/styles/components/publishmenu.css     | 26 ++++++++++++++++---
 2 files changed, 23 insertions(+), 5 deletions(-)

diff --git a/ghost/admin/app/components/modals/editor-labs/publish-flow.hbs b/ghost/admin/app/components/modals/editor-labs/publish-flow.hbs
index d0504e009f..ca7e24ccca 100644
--- a/ghost/admin/app/components/modals/editor-labs/publish-flow.hbs
+++ b/ghost/admin/app/components/modals/editor-labs/publish-flow.hbs
@@ -25,7 +25,7 @@
                     <dd.Trigger>
                         <span>{{@data.publishOptions.selectedPublishTypeOption.display}}</span>
                     </dd.Trigger>
-                    <dd.Content>
+                    <dd.Content class="gh-publish-setting-dropdown">
                         <fieldset>
                             {{#each @data.publishOptions.publishTypeOptions as |option|}}
                                 <div class="radio-button">
diff --git a/ghost/admin/app/styles/components/publishmenu.css b/ghost/admin/app/styles/components/publishmenu.css
index 415ee26c50..4f1993ccb4 100644
--- a/ghost/admin/app/styles/components/publishmenu.css
+++ b/ghost/admin/app/styles/components/publishmenu.css
@@ -434,7 +434,7 @@
     display: flex;
     flex-direction: column;
     height: 100%;
-    max-width: 740px;
+    width: 740px;
     margin: 0 auto 8rem;
     padding-top: 11vw;
 }
@@ -455,11 +455,14 @@
 }
 
 .gh-publish-setting {
-    display: inline-block;
-    padding: 4px 8px;
+    display: inline-flex;
+    align-items: center;
+    height: 38px;
+    padding: 0 8px;
     font-weight: 600;
     white-space: nowrap;
-    background: var(--whitegrey);
+    cursor: pointer;
+    background: var(--whitegrey-l1);
     border-radius: var(--border-radius);
 }
 
@@ -467,6 +470,21 @@
     color: var(--midlightgrey);
 }
 
+.gh-publish-setting-dropdown {
+    top: 46px;
+    min-width: 218px;
+    padding: 4px 16px;
+    font-size: 1.4rem;
+    font-weight: 500;
+    background: var(--white);
+    border-radius: var(--border-radius);
+    box-shadow: var(--box-shadow-m);
+}
+
+.gh-publish-setting-dropdown fieldset {
+    margin-bottom: 0;
+}
+
 .gh-publish-cta {
     display: flex;
     width: 100%;