From 8640acf94e89514cd960d6e7c67ae7457961c38f Mon Sep 17 00:00:00 2001
From: Djordje Vlaisavljevic <dzvlais@gmail.com>
Date: Fri, 12 May 2023 16:11:39 +0100
Subject: [PATCH] Moved feedback button to the left side of editor

no refs
---
 ghost/admin/app/styles/layouts/editor.css    | 11 ++++++++++
 ghost/admin/app/templates/lexical-editor.hbs | 23 +++++++++++---------
 2 files changed, 24 insertions(+), 10 deletions(-)

diff --git a/ghost/admin/app/styles/layouts/editor.css b/ghost/admin/app/styles/layouts/editor.css
index 89aea83281..53bd163b22 100644
--- a/ghost/admin/app/styles/layouts/editor.css
+++ b/ghost/admin/app/styles/layouts/editor.css
@@ -387,8 +387,19 @@
     font-weight: 400;
 }
 
+.gh-editor-feedback-container {
+    position: absolute;
+    left: 30px;
+    bottom: 30px;
+    display: flex;
+    align-items: center;
+    border-radius: 3px;
+    background: #fff;
+}
+
 .gh-editor-feedback {
     color: var(--green);
+    font-weight: 500;
 }
 
 .gh-editor-status {
diff --git a/ghost/admin/app/templates/lexical-editor.hbs b/ghost/admin/app/templates/lexical-editor.hbs
index 4986c5ff3b..e1eb7333e0 100644
--- a/ghost/admin/app/templates/lexical-editor.hbs
+++ b/ghost/admin/app/templates/lexical-editor.hbs
@@ -93,17 +93,20 @@
                 @registerAPI={{this.registerEditorAPI}}
             />
 
+            {{#if (feature 'lexicalEditor')}}
+            <div class="gh-editor-feedback-container">
+                <button
+                    type="button"
+                    class="gh-editor-feedback"
+                    {{on "click" this.openFeedbackLexical}}
+                    data-test-button="lexical-editor-feedback"
+                >
+                    <span>Feedback?</span>
+                </button>
+            </div>
+            {{/if}}
+
             <div class="gh-editor-wordcount-container">
-                {{#if (feature 'lexicalEditor')}}
-                    <button
-                        type="button"
-                        class="gh-editor-feedback"
-                        {{on "click" this.openFeedbackLexical}}
-                        data-test-button="lexical-editor-feedback"
-                    >
-                        <span>Feedback?</span>
-                    </button>
-                {{/if}}
                 <div class="gh-editor-wordcount">
                     {{gh-pluralize this.wordCount.wordCount "word"}}
                 </div>