From a3f4128595c9711ebaa26c26508a98ede13fff6b Mon Sep 17 00:00:00 2001
From: Haridev <haaridev@gmail.com>
Date: Thu, 29 Feb 2024 18:16:15 +0530
Subject: [PATCH 1/3] added id to send button svg element

---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 7131c0a..e8df79e 100644
--- a/index.html
+++ b/index.html
@@ -72,7 +72,7 @@
     <footer>
         <div class="sendBar">
             <input id="inputMSG" onkeypress="isEnter(event)" type="text" placeholder="Type a message" autofocus>
-            <svg onclick="sendMsg()" viewBox="0 0 24 24" width="24" height="24" class="">
+            <svg id="send-button" onclick="sendMsg()" viewBox="0 0 24 24" width="24" height="24" class="">
                 <path fill="currentColor"
                     d="M1.101 21.757 23.8 12.028 1.101 2.3l.011 7.912 13.623 1.816-13.623 1.817-.011 7.912z"></path>
             </svg>

From 0bc78216778638df73bf85bdc0b528318a77047b Mon Sep 17 00:00:00 2001
From: Haridev <haaridev@gmail.com>
Date: Thu, 29 Feb 2024 18:16:38 +0530
Subject: [PATCH 2/3] Made cursor to pointer on hovering

---
 style.css | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/style.css b/style.css
index b9d9a77..f75840b 100644
--- a/style.css
+++ b/style.css
@@ -339,6 +339,9 @@ footer{
     border-color: transparent;
 }
 
+#send-button{
+    cursor: pointer;
+}
 
 ::placeholder { 
     color: #8696a0;

From cdf8e3cf00ff732eb5a2ed39e1bc28d90d3be4dc Mon Sep 17 00:00:00 2001
From: Haridev <haaridev@gmail.com>
Date: Thu, 29 Feb 2024 18:22:42 +0530
Subject: [PATCH 3/3] click effect added to the button

---
 style.css | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/style.css b/style.css
index f75840b..17f1877 100644
--- a/style.css
+++ b/style.css
@@ -343,6 +343,14 @@ footer{
     cursor: pointer;
 }
 
+#send-button:active {
+    transform: translateY(2px);
+}
+
+#send-button:active path{
+    fill: grey;
+}
+
 ::placeholder { 
     color: #8696a0;
     opacity: 1;