From 68d599f4a995a66b892b570eef9b4ee38f521356 Mon Sep 17 00:00:00 2001
From: Peter Zimon <zimo@ghost.org>
Date: Wed, 10 Nov 2021 15:42:35 +0100
Subject: [PATCH] Updated link styles in Button and Email CTA cards

---
 ghost/admin/app/styles/layouts/editor.css          | 14 ++++++++++++++
 .../addon/components/koenig-card-button.hbs        |  4 ++--
 .../addon/components/koenig-card-email-cta.hbs     |  8 ++++----
 3 files changed, 20 insertions(+), 6 deletions(-)

diff --git a/ghost/admin/app/styles/layouts/editor.css b/ghost/admin/app/styles/layouts/editor.css
index 7188101c5e..dd2df0823f 100644
--- a/ghost/admin/app/styles/layouts/editor.css
+++ b/ghost/admin/app/styles/layouts/editor.css
@@ -976,4 +976,18 @@ figure {
     top: 0;
     bottom: 0;
     z-index: 400;
+}
+
+.kg-settings-link-title {
+    font-weight: 600;
+    letter-spacing: 0;
+    line-height: 1em;
+}
+
+.kg-settings-link-url {
+    font-weight: 400;
+    font-size: 1.2rem;
+    color: var(--midgrey);
+    letter-spacing: 0;
+    line-height: 1em;
 }
\ No newline at end of file
diff --git a/ghost/admin/lib/koenig-editor/addon/components/koenig-card-button.hbs b/ghost/admin/lib/koenig-editor/addon/components/koenig-card-button.hbs
index fca6260744..6ef704bc78 100644
--- a/ghost/admin/lib/koenig-editor/addon/components/koenig-card-button.hbs
+++ b/ghost/admin/lib/koenig-editor/addon/components/koenig-card-button.hbs
@@ -83,8 +83,8 @@
                         @renderInPlace={{false}} {{!-- avoid dropdown inheriting editor styles --}}
                         as |suggestion|
                     >
-                        <span class="db b">{{suggestion.name}}</span>
-                        {{suggestion.url}}
+                        <span class="kg-settings-link-title" title="{{suggestion.name}}">{{suggestion.name}}</span>
+                        <span class="kg-settings-link-url" title="{{suggestion.url}}">{{suggestion.url}}</span>
                     </GhInputWithSelect>
                 </div>
             </div>
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 1f6497ec75..3015837c37 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
@@ -171,8 +171,8 @@
                                 @renderInPlace={{false}} {{!-- avoid dropdown inheriting editor styles --}}
                                 as |suggestion|
                             >
-                                <span class="db b">{{suggestion.name}}</span>
-                                {{suggestion.url}}
+                                <span class="kg-settings-link-title" title="{{suggestion.name}}">{{suggestion.name}}</span>
+                                <span class="kg-settings-link-url" title="{{suggestion.url}}">{{suggestion.url}}</span>
                             </GhInputWithSelect>
                         </div>
                     </div>
@@ -220,8 +220,8 @@
                     @renderInPlace={{false}} {{!-- avoid dropdown inheriting editor styles --}}
                     as |suggestion|
                 >
-                    <span class="db b">{{suggestion.name}}</span>
-                    {{suggestion.url}}
+                    <span class="kg-settings-link-title" title="{{suggestion.name}}">{{suggestion.name}}</span>
+                    <span class="kg-settings-link-url" title="{{suggestion.url}}">{{suggestion.url}}</span>
                 </GhInputWithSelect>
             {{/if}}
         </form>