From e0f0563c7a48c3887f8a712e975004e6b03e7999 Mon Sep 17 00:00:00 2001
From: Dean <deanhannigan@gmail.com>
Date: Wed, 21 Sep 2022 11:58:57 +0100
Subject: [PATCH] Minor alignment fix for the embedded map button icons

---
 .../src/components/app/embedded-map/EmbeddedMap.svelte       | 5 +++++
 .../src/components/app/embedded-map/EmbeddedMapControls.js   | 4 ++--
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/packages/client/src/components/app/embedded-map/EmbeddedMap.svelte b/packages/client/src/components/app/embedded-map/EmbeddedMap.svelte
index 7738a0d345..2cfe3f497f 100644
--- a/packages/client/src/components/app/embedded-map/EmbeddedMap.svelte
+++ b/packages/client/src/components/app/embedded-map/EmbeddedMap.svelte
@@ -374,6 +374,11 @@
     min-height: 180px;
     min-width: 200px;
   }
+  .embedded-map :global(a.map-svg-button) {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
   .embedded-map :global(.leaflet-top),
   .embedded-map :global(.leaflet-bottom) {
     z-index: 998;
diff --git a/packages/client/src/components/app/embedded-map/EmbeddedMapControls.js b/packages/client/src/components/app/embedded-map/EmbeddedMapControls.js
index ca1b1ed22a..de14190b64 100644
--- a/packages/client/src/components/app/embedded-map/EmbeddedMapControls.js
+++ b/packages/client/src/components/app/embedded-map/EmbeddedMapControls.js
@@ -37,7 +37,7 @@ const FullScreenControl = L.Control.extend({
     this._fullScreenButton = this._createButton(
       options.fullScreenContent,
       options.fullScreenTitle,
-      "map-fullscreen",
+      "map-fullscreen map-svg-button",
       container,
       this._fullScreen
     )
@@ -87,7 +87,7 @@ const LocationControl = L.Control.extend({
     this._locationButton = this._createButton(
       options.locationContent,
       options.locationTitle,
-      "map-location",
+      "map-location map-svg-button",
       container,
       this._location
     )