From 19a294991498f09ad48bba5d76e6399520a6b24a Mon Sep 17 00:00:00 2001
From: Keegan George <kgeorge13@gmail.com>
Date: Fri, 15 Dec 2023 12:11:29 -0800
Subject: [PATCH] UX: Improve focus state of post options item by making full
 width (#362)

---
 .../post-text-buttons/ai-helper-options-menu.gjs           | 2 +-
 assets/stylesheets/modules/ai-helper/common/ai-helper.scss | 7 +++++++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/assets/javascripts/discourse/connectors/post-text-buttons/ai-helper-options-menu.gjs b/assets/javascripts/discourse/connectors/post-text-buttons/ai-helper-options-menu.gjs
index 5eb52072..3b24656f 100644
--- a/assets/javascripts/discourse/connectors/post-text-buttons/ai-helper-options-menu.gjs
+++ b/assets/javascripts/discourse/connectors/post-text-buttons/ai-helper-options-menu.gjs
@@ -239,7 +239,7 @@ export default class AIHelperOptionsMenu extends Component {
                 />
               {{else}}
                 <DButton
-                  @class="btn-flat"
+                  @class="btn-flat ai-post-helper__options-button"
                   @icon={{option.icon}}
                   @translatedLabel={{option.translated_name}}
                   @action={{this.performAISuggestion}}
diff --git a/assets/stylesheets/modules/ai-helper/common/ai-helper.scss b/assets/stylesheets/modules/ai-helper/common/ai-helper.scss
index 5a0e6f4e..63f50869 100644
--- a/assets/stylesheets/modules/ai-helper/common/ai-helper.scss
+++ b/assets/stylesheets/modules/ai-helper/common/ai-helper.scss
@@ -317,6 +317,13 @@
     }
   }
 
+  &__options-button {
+    padding: 0.65rem 1rem;
+    display: block;
+    width: 100%;
+    text-align: left;
+  }
+
   &__suggestion {
     padding: 0.5rem;
     display: flex;