From 2477b956cef818b2055df17e49e54ad06daf5cd6 Mon Sep 17 00:00:00 2001
From: Chandrachur67 <97349505+Chandrachur67@users.noreply.github.com>
Date: Sun, 1 Jan 2023 03:16:19 +0530
Subject: [PATCH 1/2] resolved other components popping up the date picker by
 adding z-index

1. while using the date picker, hovering over card components was causing cards popping up the data picker. I have added a z-index = 10 to the date picker component so that the cards don't pop up that.
2. Due to absolute positioning the date picker and guest selector were separating out. I have fixed that problem also.
---
 src/Search.css | 12 +++---------
 1 file changed, 3 insertions(+), 9 deletions(-)

diff --git a/src/Search.css b/src/Search.css
index d111e47..5519d05 100644
--- a/src/Search.css
+++ b/src/Search.css
@@ -3,6 +3,7 @@
     top: 35px;
     left: 25%;
     width: 100vw;
+    z-index: 100;
 }
 
 .search > h2 {
@@ -12,18 +13,13 @@
     width: 559px;
     padding: 10px;
     background-color: white;
-    position: absolute;
-    left: 0;
-    top: 380px;
+
 }
 
 .search > input {
     width: 539px;
     padding: 20px;
-    position: absolute;
-    left: 0;
     height: 30px;
-    top: 420px;
     border: none;
   }
   
@@ -32,9 +28,6 @@
 }
 
 .search > button {
-    position: absolute;
-    left: 0;
-    top: 480px;
     text-transform: inherit !important;
     background-color: #ff7779;
     color: white;
@@ -45,3 +38,4 @@
     background-color: white;
     color: #ff7779;
 }
+

From 3967ccf71a88c04bccdb69db1da79b376607cc81 Mon Sep 17 00:00:00 2001
From: Chandrachur67 <97349505+Chandrachur67@users.noreply.github.com>
Date: Sun, 1 Jan 2023 15:17:51 +0530
Subject: [PATCH 2/2] resolved other components popping up the date picker by
 adding z-index

1. while using the date picker, hovering over card components was causing cards popping up the data picker. I have added a z-index = 10 to the date picker component so that the cards don't pop up that.
2. Due to positioning issue the date picker and guest selector were separating out. I have fixed that problem also.
---
 src/Search.css | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/Search.css b/src/Search.css
index 5519d05..04a411f 100644
--- a/src/Search.css
+++ b/src/Search.css
@@ -4,6 +4,10 @@
     left: 25%;
     width: 100vw;
     z-index: 100;
+    display: flex;
+    flex-flow: column;
+    width: 579px;
+    background-color: white;
 }
 
 .search > h2 {
@@ -13,7 +17,6 @@
     width: 559px;
     padding: 10px;
     background-color: white;
-
 }
 
 .search > input {
@@ -31,7 +34,8 @@
     text-transform: inherit !important;
     background-color: #ff7779;
     color: white;
-    width: 579px;
+    width: 559px;
+    margin: 10px;
   }
 
 .search > button:hover {