From 8eb02897400ae3a867bbef1bdc04bb7868418547 Mon Sep 17 00:00:00 2001
From: Dang Nguyen Nguyen <ndnguyen2003@gmail.com>
Date: Fri, 22 Sep 2023 00:26:38 -0700
Subject: [PATCH] fixed button style on mac

---
 src/components/CreateModal/CreateModal.jsx |  8 +++++---
 src/components/Home/Home.jsx               | 14 ++++++++++----
 2 files changed, 15 insertions(+), 7 deletions(-)

diff --git a/src/components/CreateModal/CreateModal.jsx b/src/components/CreateModal/CreateModal.jsx
index 6fe3b4b..d5cc066 100644
--- a/src/components/CreateModal/CreateModal.jsx
+++ b/src/components/CreateModal/CreateModal.jsx
@@ -112,15 +112,17 @@ export default function CreateModal({
     <>
       {isCreate ? (
         <Button
-          h={{ base: "10vh", md: "7vh" }}
-          w={{ base: "40vw", md: "8vw" }}
+          // h={{ base: "10vh", md: "7vh" }}
+          // w={{ base: "40vw", md: "" }}
           boxShadow="xl"
           _hover={{ bg: "#b4dbd9" }}
           backgroundColor="#33b249"
           color="white"
           fontSize="xl"
           fontWeight="bold"
-          borderRadius={20}
+          borderRadius={30}
+          size={"lg"}
+          paddingY={{ base: 10, md: 8 }}
           onClick={() => {
             if (user) {
               onOpen();
diff --git a/src/components/Home/Home.jsx b/src/components/Home/Home.jsx
index 278ebe9..45d1db0 100644
--- a/src/components/Home/Home.jsx
+++ b/src/components/Home/Home.jsx
@@ -377,13 +377,16 @@ export default function Home() {
           ) : (
             <>
               <Button
-                backgroundColor="#a881af"
-                boxShadow="2xl"
-                color="white"
+                backgroundColor="white"
+                variant="outline"
+                boxShadow="7px 7px 14px #666666,
+                -7px -7px 14px #ffffff;"
+                color="#74a2fa"
                 onClick={onOpen}
                 fontSize={{ base: "xl", md: "2xl" }}
                 size="lg"
                 gap={2}
+                borderRadius={"lg"}
               >
                 <SettingsIcon />
                 Filter
@@ -400,9 +403,12 @@ export default function Home() {
                 colorScheme="blue"
                 onClick={onResultsBarOpen}
                 fontSize="2xl"
-                boxShadow="2xl"
+                boxShadow="12px 12px 24px #a8a8a8,
+                -12px -12px 24px #ffffff;"
                 size="lg"
                 gap={2}
+                justifyContent={"center"}
+                alignItems={"center"}
               >
                 <StarIcon />
               </Button>