From 5d88f2aa63630ceb1d94e9fafab0167ca9265ce5 Mon Sep 17 00:00:00 2001
From: Aanyaa26 <aanyasharma2408@gmail.com>
Date: Fri, 23 Feb 2024 19:40:10 +0530
Subject: [PATCH 1/4] modified

---
 index.html | 17 +++++++++++------
 style.css  | 26 +++++++++++++++++++++++---
 2 files changed, 34 insertions(+), 9 deletions(-)

diff --git a/index.html b/index.html
index dcbbde441..8923e2cf3 100644
--- a/index.html
+++ b/index.html
@@ -80,11 +80,16 @@ <h3>All calculators, spot in a single place!!</h3>
     <!-- Calculator Section Starts Here  -->
     <div class="container" id="calculators">
         <!-- Search Bar -->
-        <div id="searchBar">
-            <h1>Search Calculator</h1><br>
-            <input type="text" id="calculatorSearch" placeholder="Enter Calculator Name" oninput="filterCalculators()">
-        </div>
-
+            
+            <div id="searchBar">
+                <h1>Search Calculator</h1><br>
+                <div class="search-input-container">
+                    <input type="text" id="calculatorSearch" placeholder="Enter Calculator Name" oninput="filterCalculators()">
+                    
+                </div>
+            </div>
+        
+        
         <div class="box">
             <div class="content">
                 <h2>2D Shapes Calculator</h2>
@@ -1904,4 +1909,4 @@ <h3>Calculates the linear density of the yarn from unit system to another.</h3>
 
 </body>
 
-</html>
+</html>
\ No newline at end of file
diff --git a/style.css b/style.css
index fbd2e5a59..11672e3b8 100644
--- a/style.css
+++ b/style.css
@@ -1650,6 +1650,13 @@ section {
 
 /* Search Bar Css */
 
+
+
+
+
+
+
+
 #searchBar {
     text-align: center;
     border-radius: 14px;
@@ -1665,18 +1672,29 @@ section {
     margin-top: 16px;
 }
 
+.search-input-container {
+    margin-left: 8rem;
+    align-items: center;
+    display: inline;
+    
+}
+
+
+
 #searchBar button {
-    font-size: 2.5rem;
+    font-size: 2rem;
     background: transparent;
     border: 0;
     color: white;
-    margin-left: 1rem;
+    margin-left: 5px;
     background-color: #ff1b82;
     padding: .7rem;
     width: 8rem;
     border-radius: 5rem;
+    
 }
 
+
 #searchBar button:hover {
     transform: scale(1.02);
     background: #ff6984;
@@ -1704,9 +1722,11 @@ section {
     #searchBar input {
         width: 100%;
         font-size: 1.5rem;
+        align-items: center;
+        display: flex;
     }
 
     #searchBar button {
         margin-top: 0.5em;
     }
-}
+}
\ No newline at end of file

From f8ce57b2211db54e01d61470e9d8b97ca8154a41 Mon Sep 17 00:00:00 2001
From: Rakesh Roshan <roshanrakesh7362@gmail.com>
Date: Fri, 23 Feb 2024 23:05:55 +0530
Subject: [PATCH 2/4] Update index.html

---
 index.html | 17 ++++++-----------
 1 file changed, 6 insertions(+), 11 deletions(-)

diff --git a/index.html b/index.html
index 8923e2cf3..dcbbde441 100644
--- a/index.html
+++ b/index.html
@@ -80,16 +80,11 @@ <h3>All calculators, spot in a single place!!</h3>
     <!-- Calculator Section Starts Here  -->
     <div class="container" id="calculators">
         <!-- Search Bar -->
-            
-            <div id="searchBar">
-                <h1>Search Calculator</h1><br>
-                <div class="search-input-container">
-                    <input type="text" id="calculatorSearch" placeholder="Enter Calculator Name" oninput="filterCalculators()">
-                    
-                </div>
-            </div>
-        
-        
+        <div id="searchBar">
+            <h1>Search Calculator</h1><br>
+            <input type="text" id="calculatorSearch" placeholder="Enter Calculator Name" oninput="filterCalculators()">
+        </div>
+
         <div class="box">
             <div class="content">
                 <h2>2D Shapes Calculator</h2>
@@ -1909,4 +1904,4 @@ <h3>Calculates the linear density of the yarn from unit system to another.</h3>
 
 </body>
 
-</html>
\ No newline at end of file
+</html>

From 3afe2d0d1aa7fc00afe58240568bf61a4b1f3bb6 Mon Sep 17 00:00:00 2001
From: Rakesh Roshan <roshanrakesh7362@gmail.com>
Date: Fri, 23 Feb 2024 23:11:20 +0530
Subject: [PATCH 3/4] Update index.html

---
 index.html | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index dcbbde441..c756c0c1d 100644
--- a/index.html
+++ b/index.html
@@ -82,7 +82,9 @@ <h3>All calculators, spot in a single place!!</h3>
         <!-- Search Bar -->
         <div id="searchBar">
             <h1>Search Calculator</h1><br>
-            <input type="text" id="calculatorSearch" placeholder="Enter Calculator Name" oninput="filterCalculators()">
+            <div class="search-input-container">
+                <input type="text" id="calculatorSearch" placeholder="Enter Calculator Name" oninput="filterCalculators()">
+            </div>
         </div>
 
         <div class="box">

From 995e62e5baca3c96a235087812436d7d528e2a80 Mon Sep 17 00:00:00 2001
From: Rakesh Roshan <roshanrakesh7362@gmail.com>
Date: Fri, 23 Feb 2024 23:13:20 +0530
Subject: [PATCH 4/4] Update style.css

---
 style.css | 14 +-------------
 1 file changed, 1 insertion(+), 13 deletions(-)

diff --git a/style.css b/style.css
index 11672e3b8..66a32234e 100644
--- a/style.css
+++ b/style.css
@@ -1650,13 +1650,6 @@ section {
 
 /* Search Bar Css */
 
-
-
-
-
-
-
-
 #searchBar {
     text-align: center;
     border-radius: 14px;
@@ -1676,11 +1669,8 @@ section {
     margin-left: 8rem;
     align-items: center;
     display: inline;
-    
 }
 
-
-
 #searchBar button {
     font-size: 2rem;
     background: transparent;
@@ -1691,10 +1681,8 @@ section {
     padding: .7rem;
     width: 8rem;
     border-radius: 5rem;
-    
 }
 
-
 #searchBar button:hover {
     transform: scale(1.02);
     background: #ff6984;
@@ -1729,4 +1717,4 @@ section {
     #searchBar button {
         margin-top: 0.5em;
     }
-}
\ No newline at end of file
+}