From 6e01b2c33471ec568c0e02d74831fdb50034d76a Mon Sep 17 00:00:00 2001
From: Keegan George <kgeorge13@gmail.com>
Date: Mon, 28 Aug 2023 12:22:32 -0700
Subject: [PATCH] UX: Improve styling and make button full width of context
 menu (#167)

---
 .../modules/ai-helper/common/ai-helper.scss   | 20 +++++++++++++++----
 1 file changed, 16 insertions(+), 4 deletions(-)

diff --git a/assets/stylesheets/modules/ai-helper/common/ai-helper.scss b/assets/stylesheets/modules/ai-helper/common/ai-helper.scss
index 8af8f910..b00ebec2 100644
--- a/assets/stylesheets/modules/ai-helper/common/ai-helper.scss
+++ b/assets/stylesheets/modules/ai-helper/common/ai-helper.scss
@@ -44,7 +44,7 @@
 
 .ai-helper-context-menu {
   background: var(--secondary);
-  box-shadow: var(--shadow-dropdown);
+  box-shadow: var(--shadow-card);
   padding: 0.25rem;
   max-width: 25rem;
   border: 1px solid var(--primary-low);
@@ -56,10 +56,22 @@
     list-style: none;
   }
 
-  ul:not(.ai-helper-context-menu__loading) li {
-    transition: background-color 0.25s ease;
+  .btn {
+    justify-content: left;
+    text-align: left;
+    background: none;
+    width: 100%;
+    border-radius: 0;
+    margin: 0;
+
+    &:focus,
     &:hover {
-      background: var(--primary-low);
+      color: var(--primary);
+      background: var(--d-hover);
+
+      .d-icon {
+        color: var(--primary-medium);
+      }
     }
   }