From c525aaebccc9c43ef5ff3f849fe3fc64d88763ba Mon Sep 17 00:00:00 2001
From: Jim Barnes <jimbarnesdeveloper@gmail.com>
Date: Fri, 23 Aug 2024 15:08:08 -0400
Subject: [PATCH] Adjusted icon sizes

---
 src/App.tsx                 | 6 ++++++
 src/components/MapImage.tsx | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/App.tsx b/src/App.tsx
index e072067..8fc5514 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -383,6 +383,7 @@ function App() {
 
   const defaultLayoutProps: any = {
     'icon-allow-overlap': true,
+    'icon-size': .66,
     'text-field': ['get', 'Name'],
     'text-font': [
       'Open Sans Semibold',
@@ -566,6 +567,7 @@ function App() {
     layout: {
       ...defaultLayoutProps,
       "icon-image": 'auto-door',
+      "icon-size": 1,
       visibility: visibility.accessibility.autoDoors! ? 'visible': 'none'
     },
   };
@@ -598,6 +600,7 @@ function App() {
     layout: {
       ...defaultLayoutProps,
       "icon-image": 'bike-rack',
+      "icon-size": 1,
       visibility: visibility.bikeRacks! ? 'visible': 'none'
     },
   };
@@ -608,6 +611,7 @@ function App() {
     layout: {
       ...defaultLayoutProps,
       "icon-image": 'family',
+      "icon-size": .9,
       visibility: visibility.family! ? 'visible': 'none'
     },
   };
@@ -628,6 +632,7 @@ function App() {
     layout: {
       ...defaultLayoutProps,
       "icon-image": 'art',
+      "icon-size": .9,
       visibility: visibility.art! ? 'visible': 'none'
     },
   };
@@ -638,6 +643,7 @@ function App() {
     layout: {
       ...defaultLayoutProps,
       "icon-image": 'service',
+      "icon-size": .9,
       visibility: visibility.studentServices! ? 'visible': 'none'
     },
   };
diff --git a/src/components/MapImage.tsx b/src/components/MapImage.tsx
index 7276df9..e97639f 100644
--- a/src/components/MapImage.tsx
+++ b/src/components/MapImage.tsx
@@ -15,7 +15,7 @@ export function MapIcon(props: MapIconProps) {
     if (!map?.hasImage(props.iconName)) {
       map?.addImage(props.iconName, blankImage);
 
-      let img = new Image(40, 40);
+      let img = new Image(60, 60);
       img.src = props.iconImageSource;
 
       img.onload = () => {