From 273c19db4561d7cb4440deb347332f9796b66d27 Mon Sep 17 00:00:00 2001
From: James Morris <moreofmorris@users.noreply.github.com>
Date: Fri, 22 Jul 2022 09:39:27 +0100
Subject: [PATCH] Fixed up the dropdown text alignments refs
 https://github.com/TryGhost/Team/issues/1703

---
 apps/comments-ui/src/components/modals/AdminContextMenu.js    | 4 ++--
 apps/comments-ui/src/components/modals/AuthorContextMenu.js   | 2 +-
 .../comments-ui/src/components/modals/NotAuthorContextMenu.js | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/comments-ui/src/components/modals/AdminContextMenu.js b/apps/comments-ui/src/components/modals/AdminContextMenu.js
index a5a361a7c2..b79270db74 100644
--- a/apps/comments-ui/src/components/modals/AdminContextMenu.js
+++ b/apps/comments-ui/src/components/modals/AdminContextMenu.js
@@ -20,11 +20,11 @@ const AdminContextMenu = (props) => {
         <div className="flex flex-col">
             {
                 isHidden ? 
-                    <button className="text-[14px]" onClick={showComment}>
+                    <button className="w-full text-left text-[14px]" onClick={showComment}>
                         Show comment
                     </button> 
                     : 
-                    <button className="text-[14px]" onClick={hideComment}>
+                    <button className="w-full text-left text-[14px]" onClick={hideComment}>
                         Hide comment
                     </button>
             }
diff --git a/apps/comments-ui/src/components/modals/AuthorContextMenu.js b/apps/comments-ui/src/components/modals/AuthorContextMenu.js
index 64c370ff12..c6be7222a6 100644
--- a/apps/comments-ui/src/components/modals/AuthorContextMenu.js
+++ b/apps/comments-ui/src/components/modals/AuthorContextMenu.js
@@ -14,7 +14,7 @@ const AuthorContextMenu = (props) => {
             <button className="w-full mb-3 text-left text-[14px]" onClick={props.toggleEdit}>
                 Edit
             </button>
-            <button className="w-full text-left text-[14px]" onClick={deleteComment}>
+            <button className="w-full text-left text-[14px] text-red-600" onClick={deleteComment}>
                 Delete
             </button>
         </div>
diff --git a/apps/comments-ui/src/components/modals/NotAuthorContextMenu.js b/apps/comments-ui/src/components/modals/NotAuthorContextMenu.js
index 97739460a2..c60a2ba0dc 100644
--- a/apps/comments-ui/src/components/modals/NotAuthorContextMenu.js
+++ b/apps/comments-ui/src/components/modals/NotAuthorContextMenu.js
@@ -14,7 +14,7 @@ const NotAuthorContextMenu = (props) => {
 
     return (
         <div className="flex flex-col">
-            <button className="text-[14px]" onClick={openModal}>
+            <button className="w-full text-left text-[14px]" onClick={openModal}>
                 Report comment
             </button>
         </div>