From 4ab71e960beaf45de18ec8bf12187b06a0f9077f Mon Sep 17 00:00:00 2001
From: Melissa Samworth <melissasamworth@gmail.com>
Date: Wed, 8 May 2024 20:32:53 -0400
Subject: [PATCH 1/2] Chatbot: question-matching on questions input #592

---
 app/components/Button/button.css  | 2 +-
 app/components/Chatbot/index.tsx  | 8 +++++---
 app/components/Chatbot/widgit.css | 5 +++++
 3 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/app/components/Button/button.css b/app/components/Button/button.css
index 87cfb8e6..4f848a1c 100644
--- a/app/components/Button/button.css
+++ b/app/components/Button/button.css
@@ -218,4 +218,4 @@
 .button[disabled] {
   opacity: 0.6;
   cursor: inherit;
-}
+}
\ No newline at end of file
diff --git a/app/components/Chatbot/index.tsx b/app/components/Chatbot/index.tsx
index d099d446..9bbd9b61 100644
--- a/app/components/Chatbot/index.tsx
+++ b/app/components/Chatbot/index.tsx
@@ -73,9 +73,11 @@ const QuestionInput = ({initial, onChange, onAsk}: QuestionInputProps) => {
   return (
     <div className="widget-ask fcol-10">
       {results.length > 0 ? (
-        <Button className="full-width suggestion" action={() => handleAsk(results[0].title)}>
-          {results[0].title}
-        </Button>
+          <Button className="full-width suggestion" action={() => handleAsk(results[0].title)}>
+            <p className="default">
+            {results[0].title}
+            </p>
+          </Button>
       ) : undefined}
       <div className="flex-container">
         <Input
diff --git a/app/components/Chatbot/widgit.css b/app/components/Chatbot/widgit.css
index 52931a66..a1b182cc 100644
--- a/app/components/Chatbot/widgit.css
+++ b/app/components/Chatbot/widgit.css
@@ -52,6 +52,11 @@
 .widget-ask .suggestion {
   border: 1px solid var(--colors-cool-grey-200, #dfe3e9);
   justify-content: start;
+  padding: var(--spacing-8) var(--spacing-12);
+}
+
+.widget-ask .suggestion:hover {
+  background: var(--colors-teal-50);
 }
 
 .widget-ask .send {

From 5e16b4b55486f25d776d66dfa441f2e33c9f4d92 Mon Sep 17 00:00:00 2001
From: Melissa Samworth <melissasamworth@gmail.com>
Date: Wed, 8 May 2024 20:36:25 -0400
Subject: [PATCH 2/2] Lint

---
 app/components/Button/button.css  | 2 +-
 app/components/Chatbot/index.tsx  | 8 +++-----
 app/components/Chatbot/widgit.css | 2 +-
 3 files changed, 5 insertions(+), 7 deletions(-)

diff --git a/app/components/Button/button.css b/app/components/Button/button.css
index 4f848a1c..87cfb8e6 100644
--- a/app/components/Button/button.css
+++ b/app/components/Button/button.css
@@ -218,4 +218,4 @@
 .button[disabled] {
   opacity: 0.6;
   cursor: inherit;
-}
\ No newline at end of file
+}
diff --git a/app/components/Chatbot/index.tsx b/app/components/Chatbot/index.tsx
index 9bbd9b61..6278cdd2 100644
--- a/app/components/Chatbot/index.tsx
+++ b/app/components/Chatbot/index.tsx
@@ -73,11 +73,9 @@ const QuestionInput = ({initial, onChange, onAsk}: QuestionInputProps) => {
   return (
     <div className="widget-ask fcol-10">
       {results.length > 0 ? (
-          <Button className="full-width suggestion" action={() => handleAsk(results[0].title)}>
-            <p className="default">
-            {results[0].title}
-            </p>
-          </Button>
+        <Button className="full-width suggestion" action={() => handleAsk(results[0].title)}>
+          <p className="default">{results[0].title}</p>
+        </Button>
       ) : undefined}
       <div className="flex-container">
         <Input
diff --git a/app/components/Chatbot/widgit.css b/app/components/Chatbot/widgit.css
index a1b182cc..6673d6c2 100644
--- a/app/components/Chatbot/widgit.css
+++ b/app/components/Chatbot/widgit.css
@@ -56,7 +56,7 @@
 }
 
 .widget-ask .suggestion:hover {
-  background: var(--colors-teal-50);
+  background: var(--colors-teal-50); 
 }
 
 .widget-ask .send {