From debb081c61c4edb4e33c6023ce3f3c4d29877aa4 Mon Sep 17 00:00:00 2001
From: Sanne de Vries <sannedv@protonmail.com>
Date: Wed, 25 Aug 2021 11:55:10 +0200
Subject: [PATCH] Updated email CTA toolbar

Refs https://github.com/TryGhost/Team/issues/1007
---
 ghost/admin/app/styles/layouts/editor.css              | 10 +++++-----
 .../addon/components/koenig-card-email-cta.hbs         |  4 ++--
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/ghost/admin/app/styles/layouts/editor.css b/ghost/admin/app/styles/layouts/editor.css
index b652712ce5..c2a7648c73 100644
--- a/ghost/admin/app/styles/layouts/editor.css
+++ b/ghost/admin/app/styles/layouts/editor.css
@@ -994,15 +994,15 @@ figure {
 }
 
 .email-cta-toolbar .borders {
-    margin-right: 1.2rem;
+    margin-right: 1rem;
     border-right: 1px solid var(--whitegrey-d2);
     border-radius: 0;
 }
 
 .gh-btn-group.email-cta-align {
     background: none;
-    margin-right: 1.2rem;
-    padding-right: 1.2rem;
+    margin-right: 1rem;
+    padding-right: 1rem;
     border-right: 1px solid var(--whitegrey-d2);
 }
 
@@ -1015,7 +1015,7 @@ figure {
 }
 
 .gh-btn-group.email-cta-align .gh-btn-group-selected svg {
-    fill: var(--green);
+    fill: var(--green-d1);
 }
 
 .gh-btn-group.email-cta-align .gh-btn svg {
@@ -1024,7 +1024,7 @@ figure {
 }
 
 .gh-btn.email-cta-toolbar-item {
-    margin-right: 1.2rem;
+    margin-right: 1rem;
     box-shadow: none;
 }
 
diff --git a/ghost/admin/lib/koenig-editor/addon/components/koenig-card-email-cta.hbs b/ghost/admin/lib/koenig-editor/addon/components/koenig-card-email-cta.hbs
index c9c54aa90c..83297c7f6c 100644
--- a/ghost/admin/lib/koenig-editor/addon/components/koenig-card-email-cta.hbs
+++ b/ghost/admin/lib/koenig-editor/addon/components/koenig-card-email-cta.hbs
@@ -73,7 +73,7 @@
 
         <form class="email-cta-toolbar">
             <div class="borders">
-                <button type="button" title="Add dividers" class="gh-btn gh-btn-white gh-btn-icon email-cta-toolbar-item {{if @payload.showDividers "fill-green-l2"}}" {{on "click" this.toggleDividers}}><span>{{svg-jar "dividers"}}</span></button>
+                <button type="button" title="Add dividers" class="gh-btn gh-btn-white gh-btn-icon email-cta-toolbar-item {{if @payload.showDividers "fill-green-d1"}}" {{on "click" this.toggleDividers}}><span>{{svg-jar "dividers"}}</span></button>
             </div>
 
             <div class="gh-btn-group icons email-cta-align">
@@ -81,7 +81,7 @@
                 <button type="button" title="Center-align content" class="gh-btn gh-btn-icon {{if (eq @payload.alignment "center") "gh-btn-group-selected"}}" {{on "click" (fn this.setAlignment "center")}}><span>{{svg-jar "align-center"}}</span></button>
             </div>
 
-            <button type="button" title="Add button" class="gh-btn gh-btn-white gh-btn-icon email-cta-toolbar-item {{if @payload.showButton "fill-green-l2"}}" {{on "click" this.toggleButton}}><span>{{svg-jar "button"}}</span></button>
+            <button type="button" title="Add button" class="gh-btn gh-btn-white gh-btn-icon email-cta-toolbar-item {{if @payload.showButton "fill-green-d1"}}" {{on "click" this.toggleButton}}><span>{{svg-jar "button"}}</span></button>
 
             {{#if @payload.showButton}}
                 <label for="button-text-input" class="sr-only">CTA button text</label>