From 512bb4c00e1fed39927c8bd40aaef378db64d648 Mon Sep 17 00:00:00 2001
From: Pieter Vander Vennet <pietervdvn@posteo.net>
Date: Thu, 21 Dec 2023 01:49:36 +0100
Subject: [PATCH] Fix: keep map mouse-interactive when panning with arrow keys,
 some CSS-tweaks

---
 public/css/index-tailwind-output.css    | 1 +
 src/UI/Base/ShareButton.svelte          | 2 +-
 src/UI/Popup/MarkAsFavouriteMini.svelte | 2 +-
 src/UI/ThemeViewGUI.svelte              | 2 +-
 src/index.css                           | 1 +
 5 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/public/css/index-tailwind-output.css b/public/css/index-tailwind-output.css
index 97d7b77fe..a81ff44a1 100644
--- a/public/css/index-tailwind-output.css
+++ b/public/css/index-tailwind-output.css
@@ -2517,6 +2517,7 @@ button.soft, .button.soft {
 button.soft:hover, .button.soft:hover {
   background-color: var(--interactive-background);
   color: var(--interactive-foreground);
+  border: 2px solid var(--catch-detail-color-contrast);
 }
 
 .links-as-button a {
diff --git a/src/UI/Base/ShareButton.svelte b/src/UI/Base/ShareButton.svelte
index e9875e085..86256843b 100644
--- a/src/UI/Base/ShareButton.svelte
+++ b/src/UI/Base/ShareButton.svelte
@@ -26,7 +26,7 @@
   }
 </script>
 
-<button on:click={share} class="soft m-0 h-8 w-8 p-0" use:ariaLabel={Translations.t.general.share}>
+<button on:click={share} class="soft no-image-background m-0 h-8 w-8 p-0" use:ariaLabel={Translations.t.general.share}>
   <slot name="content">
     <Share class="h-7 w-7 p-1" />
   </slot>
diff --git a/src/UI/Popup/MarkAsFavouriteMini.svelte b/src/UI/Popup/MarkAsFavouriteMini.svelte
index 88df70b11..995350530 100644
--- a/src/UI/Popup/MarkAsFavouriteMini.svelte
+++ b/src/UI/Popup/MarkAsFavouriteMini.svelte
@@ -27,7 +27,7 @@
 <LoginToggle ignoreLoading={true} {state}>
   {#if $isFavourite}
     <button
-      class="m-0 h-8 w-8 p-0"
+      class="m-0 h-8 w-8 p-0 soft no-image-background"
       on:click={() => markFavourite(false)}
       use:ariaLabel={Translations.t.favouritePoi.button.isMarkedShort}
     >
diff --git a/src/UI/ThemeViewGUI.svelte b/src/UI/ThemeViewGUI.svelte
index 0c03008c3..f893f7da0 100644
--- a/src/UI/ThemeViewGUI.svelte
+++ b/src/UI/ThemeViewGUI.svelte
@@ -165,7 +165,7 @@
 
 {#if $visualFeedback}
   <div
-    class="absolute top-0 left-0 flex h-screen w-screen items-center justify-center overflow-hidden"
+    class="absolute top-0 left-0 flex h-screen w-screen items-center justify-center overflow-hidden pointer-events-none"
   >
     <div bind:this={$viewport} style="border: 2px solid #ff000044; width: 300px; height: 300px" />
   </div>
diff --git a/src/index.css b/src/index.css
index 3e1a468f3..0b7bf4fb3 100644
--- a/src/index.css
+++ b/src/index.css
@@ -358,6 +358,7 @@ button.soft, .button.soft {
 button.soft:hover, .button.soft:hover {
     background-color: var(--interactive-background);
     color: var(--interactive-foreground);
+    border: 2px solid var(--catch-detail-color-contrast);
 }
 
 .links-as-button a {