From 07441192990b587602f6991eb6ef5f529cbfaeb4 Mon Sep 17 00:00:00 2001
From: Sanne de Vries <sannedv@protonmail.com>
Date: Mon, 21 Jun 2021 16:00:41 +0200
Subject: [PATCH] Fixed feature image caption vs alt text spacing issue

---
 .../app/components/gh-editor-feature-image.hbs      |  4 ++--
 ghost/admin/app/styles/layouts/editor.css           | 13 ++++++++++++-
 2 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/ghost/admin/app/components/gh-editor-feature-image.hbs b/ghost/admin/app/components/gh-editor-feature-image.hbs
index 6735deff13..aed2800ec6 100644
--- a/ghost/admin/app/components/gh-editor-feature-image.hbs
+++ b/ghost/admin/app/components/gh-editor-feature-image.hbs
@@ -32,7 +32,7 @@
                     <input
                         type="text"
                         placeholder={{@altPlaceholder}}
-                        class="w-100 bn form-text bg-transparent tracked-2"
+                        class="gh-editor-feature-image-alttext form-text bg-transparent"
                         name="alt"
                         value={{@alt}}
                         {{autofocus}}
@@ -42,7 +42,7 @@
                     <KoenigBasicHtmlInput
                         @html={{@caption}}
                         @placeholder={{if this.captionInputFocused "" "Add a caption to the feature image"}}
-                        @class="w-100 mb2 bn form-text bg-transparent tracked-2"
+                        @class="w-100 bn form-text bg-transparent tracked-2"
                         @name="caption"
                         @onChange={{@updateCaption}}
                         @onFocus={{fn (mut this.captionInputFocused) true}}
diff --git a/ghost/admin/app/styles/layouts/editor.css b/ghost/admin/app/styles/layouts/editor.css
index 946fee92c4..749422a0c0 100644
--- a/ghost/admin/app/styles/layouts/editor.css
+++ b/ghost/admin/app/styles/layouts/editor.css
@@ -421,6 +421,17 @@
     fill: var(--black);
 }
 
+.gh-editor-feature-image-alttext {
+    width: 100%;
+    margin: 0 0 1.7em;
+    padding: 0;
+    border-width: 0; 
+    border-style: none;
+    font-size: 1.4rem;
+    line-height: 1.65;  
+    letter-spacing: .04rem; 
+}
+
 .gh-editor-title {
     display: block;
     width: 100%;
@@ -539,8 +550,8 @@
 }
 
 .gh-editor-title::placeholder {
-    font-weight: 700;
     color: var(--lightgrey-d1);
+    font-weight: 700;
     opacity: 1;
 }