From bee0ae430aff93393659a14e19538bababaa1af6 Mon Sep 17 00:00:00 2001
From: Jason Rasmussen <jason@rasm.me>
Date: Wed, 10 Sep 2025 08:17:58 -0400
Subject: [PATCH] fix(web): map popup accessibility (#21759)

---
 web/src/app.css                                        | 10 ++++++++++
 .../lib/components/asset-viewer/detail-panel.svelte    |  2 +-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/web/src/app.css b/web/src/app.css
index db6c43652b..f66743f736 100644
--- a/web/src/app.css
+++ b/web/src/app.css
@@ -169,3 +169,13 @@
     filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.8));
   }
 }
+
+.maplibregl-popup {
+  .maplibregl-popup-tip {
+    @apply border-t-subtle! translate-y-[-1px];
+  }
+
+  .maplibregl-popup-content {
+    @apply bg-subtle rounded-lg;
+  }
+}
diff --git a/web/src/lib/components/asset-viewer/detail-panel.svelte b/web/src/lib/components/asset-viewer/detail-panel.svelte
index d3f2c842bb..3bcac83914 100644
--- a/web/src/lib/components/asset-viewer/detail-panel.svelte
+++ b/web/src/lib/components/asset-viewer/detail-panel.svelte
@@ -525,7 +525,7 @@
             <a
               href="https://www.openstreetmap.org/?mlat={lat}&mlon={lon}&zoom=13#map=15/{lat}/{lon}"
               target="_blank"
-              class="font-medium text-immich-primary"
+              class="font-medium text-primary underline focus:outline-none"
             >
               {$t('open_in_openstreetmap')}
             </a>