From 2e1d7dc496b3b8f64c04296b88082bd6ddbfb496 Mon Sep 17 00:00:00 2001
From: Cyra Alesha <cyraanindyaalesha@gmail.com>
Date: Tue, 8 Oct 2024 20:03:39 -0400
Subject: [PATCH 1/2] sizing-check

---
 src/App.tsx           | 12 ++++--------
 src/css/App.css       | 10 ++++++++--
 src/css/SearchBar.css |  7 ++++---
 3 files changed, 16 insertions(+), 13 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 1b93969..774e04e 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -25,16 +25,12 @@ export default function App() {
               <DataTable data={filteredData} />
             </div>
 
-            <div className="preview-contain-result">
-              <PreviewCard />
-            </div>
+            <SearchBar setFilteredData={setFilteredData} />
+          </div>
+          <div className="preview-contain-result">
+            <PreviewCard />
           </div>
-          <SearchBar setFilteredData={setFilteredData} />
         </div>
-
-        <footer className="footer">
-          <h3>made by Frontend team 2024</h3>
-        </footer>
       </div>
 
       {/* <PreviewCard /> */}
diff --git a/src/css/App.css b/src/css/App.css
index a9a95aa..cfa9c85 100644
--- a/src/css/App.css
+++ b/src/css/App.css
@@ -22,11 +22,17 @@
     flex: 1;
     height: 500px;
     padding-top: 50px;
+    flex-direction: column;
+}
+
+.results-container {
+    display: flex;
+    flex-direction: row;
 }
 
 .footer {
-    padding: 2em;
     text-align: center;
     background: #9b8b5de5;
     color: white;
-}
\ No newline at end of file
+}
+
diff --git a/src/css/SearchBar.css b/src/css/SearchBar.css
index 8168ca1..4c36231 100644
--- a/src/css/SearchBar.css
+++ b/src/css/SearchBar.css
@@ -16,8 +16,11 @@
 
 .Search {
   display: flex;
+  max-width: 360px;
+
 }
 
+
 .search-filter-container {
   background-color: #f8f9fa;
   padding: 20px;
@@ -29,7 +32,7 @@
 }
 
 .search-filter-container h1 {
-  font-size: 1.8em;
+  font-size: 1.5em;
   text-align: center;
   color: #333;
   margin-bottom: 20px;
@@ -67,7 +70,6 @@
 }
 
 .filter-select {
-  margin-top: 8px;
   padding: 10px;
   font-size: 1em;
   border-radius: 10px;
@@ -82,7 +84,6 @@
 }
 
 .date-picker {
-  margin-top: 8px;
   padding: 10px;
   font-size: 1em;
   border-radius: 10px;

From 86781ed5a895e9a7b6f78378dcc9af16debebc52 Mon Sep 17 00:00:00 2001
From: Cyra Alesha <cyraanindyaalesha@gmail.com>
Date: Tue, 8 Oct 2024 20:07:52 -0400
Subject: [PATCH 2/2] fon

---
 src/css/SearchBar.css | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/css/SearchBar.css b/src/css/SearchBar.css
index 4c36231..1ac2651 100644
--- a/src/css/SearchBar.css
+++ b/src/css/SearchBar.css
@@ -17,6 +17,7 @@
 .Search {
   display: flex;
   max-width: 360px;
+  font-size: 15px;
 
 }
 
@@ -32,7 +33,7 @@
 }
 
 .search-filter-container h1 {
-  font-size: 1.5em;
+  font-size: 25px;
   text-align: center;
   color: #333;
   margin-bottom: 20px;
@@ -43,7 +44,6 @@
   padding: 12px;
   border-radius: 30px;
   border: 1px solid #ddd;
-  font-size: 1em;
   outline: none;
   transition: box-shadow 0.2s ease-in-out;
 }
@@ -63,7 +63,6 @@
 .filter-options label {
   display: flex;
   flex-direction: column;
-  font-size: 1em;
   color: #555;
   margin-bottom: 10px;
   flex: 1 1 48%;
@@ -71,7 +70,6 @@
 
 .filter-select {
   padding: 10px;
-  font-size: 1em;
   border-radius: 10px;
   border: 1px solid #ddd;
   background-color: #fff;