From 998c4688b02888142f0cdf2038633488beee65e5 Mon Sep 17 00:00:00 2001
From: ajaythapliyal <ajaythapliyal1703@gmail.com>
Date: Tue, 28 Feb 2023 09:07:45 +0530
Subject: [PATCH] hover effect on send icon

---
 frontend/src/conversation/Conversation.tsx | 22 ++++++++++++----------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/frontend/src/conversation/Conversation.tsx b/frontend/src/conversation/Conversation.tsx
index b8e0cf03..fffe012d 100644
--- a/frontend/src/conversation/Conversation.tsx
+++ b/frontend/src/conversation/Conversation.tsx
@@ -67,16 +67,18 @@ export default function Conversation() {
               className="relative right-[38px] bottom-[7px] -mr-[30px] animate-spin cursor-pointer self-end"
             ></img>
           ) : (
-            <img
-              onClick={() => {
-                if (inputRef.current?.textContent) {
-                  handleQuestion(inputRef.current.textContent);
-                  inputRef.current.textContent = '';
-                }
-              }}
-              src={Send}
-              className="relative right-[35px] bottom-[15px] -mr-[21px] cursor-pointer self-end"
-            ></img>
+            <div className="relative right-[43px] bottom-[7px] -mr-[35px] h-[35px] w-[35px] cursor-pointer self-end rounded-full hover:bg-gray-3000">
+              <img
+                className="ml-[9px] mt-[9px]"
+                onClick={() => {
+                  if (inputRef.current?.textContent) {
+                    handleQuestion(inputRef.current.textContent);
+                    inputRef.current.textContent = '';
+                  }
+                }}
+                src={Send}
+              ></img>
+            </div>
           )}
         </div>
         <p className="mt-3 w-10/12 self-center text-center text-xs text-gray-2000">