From 24ea9cbd9d35b78f217f0cec5df91845d1dfa2da Mon Sep 17 00:00:00 2001
From: Zhi <neozhixuan@gmail.com>
Date: Thu, 21 Dec 2023 23:38:57 +0800
Subject: [PATCH] Feature - Adjusted Icon Sizes

---
 client/components/map/Marker/icons/GeneralIcon.tsx |  2 +-
 client/public/Marker.css                           | 12 ++++++------
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/client/components/map/Marker/icons/GeneralIcon.tsx b/client/components/map/Marker/icons/GeneralIcon.tsx
index a46128a..29fa674 100644
--- a/client/components/map/Marker/icons/GeneralIcon.tsx
+++ b/client/components/map/Marker/icons/GeneralIcon.tsx
@@ -2,7 +2,7 @@ import { Icon } from "@chakra-ui/react";
 
 // Map Icon (placeholder for testing)
 const GeneralIcon = (props: any) => (
-	<Icon viewBox="5 5 70 80" {...props}>
+	<Icon viewBox="0 0 75 75" {...props}>
 		<g filter="url(#filter0_d_5786_45655)">
 			<path
 				d="M69 37C69 54.6731 54.6731 69 37 69C19.3269 69 5 54.6731 5 37C5 19.3269 19.3269 5 37 5C54.6731 5 69 19.3269 69 37Z"
diff --git a/client/public/Marker.css b/client/public/Marker.css
index 5797ee9..9650548 100644
--- a/client/public/Marker.css
+++ b/client/public/Marker.css
@@ -51,23 +51,23 @@
 
 .marker-circle {
 	position: absolute;
-	width: 57% !important;
+	width: 65% !important;
 
 	/* center icon in marker */
-	top: 12%;
+	top: 17%;
 
 	/* center icon based on percentage width */
 	/* (100 - %width) / 2 * 100 / %width */
-	transform: translateX(32%);
+	transform: translateX(29%);
 }
 .marker-image {
 	position: absolute;
-	width: 36% !important;
+	width: 35% !important;
 
 	/* center icon in marker */
-	top: 22%;
+	top: 31%;
 
 	/* center icon based on percentage width */
 	/* (100 - %width) / 2 * 100 / %width */
-	transform: translateX(80%);
+	transform: translateX(95%);
 }