From 6e3bd5e6f36dd28741d40cf2b80172836e2692f3 Mon Sep 17 00:00:00 2001
From: utin-francis-peter <utinfrancis.dev@gmail.com>
Date: Wed, 3 Jul 2024 13:29:34 +0100
Subject: [PATCH 1/3] fix: adjusted alignment of submit query icon within its
 container

---
 frontend/src/conversation/Conversation.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/conversation/Conversation.tsx b/frontend/src/conversation/Conversation.tsx
index 4fb34186..9493024e 100644
--- a/frontend/src/conversation/Conversation.tsx
+++ b/frontend/src/conversation/Conversation.tsx
@@ -257,9 +257,9 @@ export default function Conversation() {
               className="relative right-[38px] bottom-[24px] -mr-[30px] animate-spin cursor-pointer self-end bg-transparent"
             ></img>
           ) : (
-            <div className="mx-1 cursor-pointer rounded-full p-4 text-center hover:bg-gray-3000">
+            <div className="mx-1 flex cursor-pointer items-center justify-center rounded-full p-3 text-center hover:bg-gray-3000">
               <img
-                className="w-6 text-white "
+                className="h-6 w-6 flex-shrink-0 text-white "
                 onClick={handleQuestionSubmission}
                 src={isDarkTheme ? SendDark : Send}
               ></img>

From b4bfed2ccb80296afb64f0418dd6c057c35fdf6a Mon Sep 17 00:00:00 2001
From: utin-francis-peter <utinfrancis.dev@gmail.com>
Date: Wed, 3 Jul 2024 15:46:35 +0100
Subject: [PATCH 2/3] style: query submission icon centering

---
 frontend/src/conversation/Conversation.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/conversation/Conversation.tsx b/frontend/src/conversation/Conversation.tsx
index 9493024e..ca1ae9db 100644
--- a/frontend/src/conversation/Conversation.tsx
+++ b/frontend/src/conversation/Conversation.tsx
@@ -257,9 +257,9 @@ export default function Conversation() {
               className="relative right-[38px] bottom-[24px] -mr-[30px] animate-spin cursor-pointer self-end bg-transparent"
             ></img>
           ) : (
-            <div className="mx-1 flex cursor-pointer items-center justify-center rounded-full p-3 text-center hover:bg-gray-3000">
+            <div className="mx-1 cursor-pointer rounded-full p-3 text-center hover:bg-gray-3000">
               <img
-                className="h-6 w-6 flex-shrink-0 text-white "
+                className="ml-[4px] h-6 w-6 flex-shrink-0 text-white "
                 onClick={handleQuestionSubmission}
                 src={isDarkTheme ? SendDark : Send}
               ></img>

From 8279df48bfca43a03d003f5a1503d31bfc0e36ff Mon Sep 17 00:00:00 2001
From: utin-francis-peter <utinfrancis.dev@gmail.com>
Date: Tue, 16 Jul 2024 22:04:26 +0100
Subject: [PATCH 3/3] removed shrink

---
 frontend/src/conversation/Conversation.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/conversation/Conversation.tsx b/frontend/src/conversation/Conversation.tsx
index ca1ae9db..22d27398 100644
--- a/frontend/src/conversation/Conversation.tsx
+++ b/frontend/src/conversation/Conversation.tsx
@@ -259,7 +259,7 @@ export default function Conversation() {
           ) : (
             <div className="mx-1 cursor-pointer rounded-full p-3 text-center hover:bg-gray-3000">
               <img
-                className="ml-[4px] h-6 w-6 flex-shrink-0 text-white "
+                className="ml-[4px] h-6 w-6 text-white "
                 onClick={handleQuestionSubmission}
                 src={isDarkTheme ? SendDark : Send}
               ></img>