Feature - Adjusted Icon Sizes

bettersg · Dec 21, 2023 · 24ea9cb · 24ea9cb
1 parent abd7e5d
commit 24ea9cb
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git 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
@@ -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%);
 }