From 2bf675bcd7300a87221c8814049c03cc02b3b0f3 Mon Sep 17 00:00:00 2001
From: A-nirvana <anirban_ug_23@gmail.com>
Date: Thu, 4 Apr 2024 09:53:20 +0530
Subject: [PATCH 1/3] Added Search button

---
 icons8-search.svg |  1 +
 index.html        |  1 +
 styles.css        | 11 +++++++++++
 3 files changed, 13 insertions(+)
 create mode 100644 icons8-search.svg

diff --git a/icons8-search.svg b/icons8-search.svg
new file mode 100644
index 0000000..e7b4dc2
--- /dev/null
+++ b/icons8-search.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 50 50" width="50px" height="50px"><path d="M 21 3 C 11.621094 3 4 10.621094 4 20 C 4 29.378906 11.621094 37 21 37 C 24.710938 37 28.140625 35.804688 30.9375 33.78125 L 44.09375 46.90625 L 46.90625 44.09375 L 33.90625 31.0625 C 36.460938 28.085938 38 24.222656 38 20 C 38 10.621094 30.378906 3 21 3 Z M 21 5 C 29.296875 5 36 11.703125 36 20 C 36 28.296875 29.296875 35 21 35 C 12.703125 35 6 28.296875 6 20 C 6 11.703125 12.703125 5 21 5 Z"/></svg>
\ No newline at end of file
diff --git a/index.html b/index.html
index c54ccfa..5c04a72 100644
--- a/index.html
+++ b/index.html
@@ -19,6 +19,7 @@ <h1>WeatherWatch</h1>
         <div class="searchbox">
             <form action="">
             <input type="search" id="inputbox" placeholder="Enter city name to search for" autocomplete="off">
+            <button type="submit" id="searchbtn"><img src="./icons8-search.svg"></button>
             </form>
             <div class="weather-ui"><p class="temp"><br><br></p>
             
diff --git a/styles.css b/styles.css
index 99e78cb..5d2e248 100644
--- a/styles.css
+++ b/styles.css
@@ -15,6 +15,17 @@ h1{color: white; font-size: 4rem; font-family:  'Montserrat', sans-serif;}
     justify-content: center;
     align-items: center;
 }
+
+#searchbtn{
+    height: 4rem;
+    width: 4rem;
+    border-radius: 50%;
+    position: relative;
+    top:0.75rem;
+    border: 2px solid white;
+    background: transparent;
+}
+
 #inputbox
 {
     height: 4rem;

From afbba527799dfc404f269afdc04908d89ee918b0 Mon Sep 17 00:00:00 2001
From: A-nirvana <anirban_ug_23@gmail.com>
Date: Thu, 4 Apr 2024 16:26:28 +0530
Subject: [PATCH 2/3] made changes in size and color

---
 styles.css | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/styles.css b/styles.css
index 5d2e248..ed89d86 100644
--- a/styles.css
+++ b/styles.css
@@ -19,13 +19,18 @@ h1{color: white; font-size: 4rem; font-family:  'Montserrat', sans-serif;}
 #searchbtn{
     height: 4rem;
     width: 4rem;
-    border-radius: 50%;
     position: relative;
-    top:0.75rem;
-    border: 2px solid white;
+    top:0.5rem;
+    right: 4.5rem;
+    border: none;
     background: transparent;
 }
 
+#searchbtn img{
+    height: 2rem;
+    width: 2rem;
+}   
+
 #inputbox
 {
     height: 4rem;

From e4d990b6fe85ec339ee1ce8bb8cf891c3b5cc33f Mon Sep 17 00:00:00 2001
From: A-nirvana <anirban_ug_23@gmail.com>
Date: Thu, 4 Apr 2024 16:30:37 +0530
Subject: [PATCH 3/3] made changes in color and position

---
 styles.css | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/styles.css b/styles.css
index ed89d86..f43aa3e 100644
--- a/styles.css
+++ b/styles.css
@@ -20,15 +20,17 @@ h1{color: white; font-size: 4rem; font-family:  'Montserrat', sans-serif;}
     height: 4rem;
     width: 4rem;
     position: relative;
-    top:0.5rem;
-    right: 4.5rem;
+    top:0.65rem;
+    right: 4.25rem;
+    border-top-right-radius: 35px;
+    border-bottom-right-radius: 35px;
     border: none;
-    background: transparent;
+    background: #585965a0;
 }
 
 #searchbtn img{
-    height: 2rem;
-    width: 2rem;
+    height: 2.5rem;
+    width: 2.5rem;
 }   
 
 #inputbox