From 27cbb974418d8991e3b24071778eb3e841f89e11 Mon Sep 17 00:00:00 2001
From: Vanessa Lai <vlaiyz2605@gmail.com>
Date: Tue, 25 Jun 2024 01:11:09 +0800
Subject: [PATCH] fixed some mobile css

---
 src/pages/search/SearchPage.css           | 8 ++++++++
 src/pages/search/filter/productFilter.css | 9 +++++++++
 src/pages/search/filter/productFilter.jsx | 2 +-
 3 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/src/pages/search/SearchPage.css b/src/pages/search/SearchPage.css
index c438f16..48d72ec 100644
--- a/src/pages/search/SearchPage.css
+++ b/src/pages/search/SearchPage.css
@@ -34,4 +34,12 @@
     padding: 12px;
     top: 100px;
 }
+
+.product-filter {
+    font-size: 16px;
+}
+    .product-filter select {
+        padding: 5px;
+        font-size: 12px;
+    }
 }
\ No newline at end of file
diff --git a/src/pages/search/filter/productFilter.css b/src/pages/search/filter/productFilter.css
index 0054af9..0866434 100644
--- a/src/pages/search/filter/productFilter.css
+++ b/src/pages/search/filter/productFilter.css
@@ -100,4 +100,13 @@
         width: 100%;
         top: 24px;
     }
+
+    .filter-group label {
+        font-size: 12px;
+    }
+    .display {
+        position: relative;
+        font-size: 12px;
+        top: -6px;
+    }
 }
\ No newline at end of file
diff --git a/src/pages/search/filter/productFilter.jsx b/src/pages/search/filter/productFilter.jsx
index ea3462e..d8eef47 100644
--- a/src/pages/search/filter/productFilter.jsx
+++ b/src/pages/search/filter/productFilter.jsx
@@ -78,7 +78,7 @@ function ProductFilter({ minPrice, maxPrice, onFilterChange, onSortChange }) {
                             onChange={handleMaxPriceChange}
                         />
                     </div>
-                    <div>
+                    <div className='display'>
                         <span>{priceRange[0]}</span> - <span>{priceRange[1]}</span>
                     </div>
                 </div>