From 08e408e19ddc1f39913c90b2e16c99ab98e5ada2 Mon Sep 17 00:00:00 2001
From: Pieter Vander Vennet <pietervdvn@posteo.net>
Date: Thu, 28 Sep 2023 03:06:09 +0200
Subject: [PATCH] UX: slow down spin speed of search geolocation button

---
 src/UI/BigComponents/ThemeIntroPanel.svelte | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/UI/BigComponents/ThemeIntroPanel.svelte b/src/UI/BigComponents/ThemeIntroPanel.svelte
index 3bf9ce163d..305f9e0d22 100644
--- a/src/UI/BigComponents/ThemeIntroPanel.svelte
+++ b/src/UI/BigComponents/ThemeIntroPanel.svelte
@@ -71,7 +71,7 @@
       {:else if $geopermission === "requested"}
         <button class="flex w-full items-center gap-x-2 disabled" on:click={jumpToCurrentLocation}>
           <!-- Even though disabled, when clicking we request the location again in case the contributor dismissed the location popup -->
-          <ToSvelte construct={Svg.crosshair_svg().SetClass("w-8 h-8").SetClass("animate-spin")} />
+          <ToSvelte construct={Svg.crosshair_svg().SetClass("w-8 h-8").SetStyle("animation: 3s linear 0s infinite normal none running spin;")} />
           <Tr t={Translations.t.general.waitingForGeopermission} />
         </button>
       {:else if $geopermission === "denied"}
@@ -81,7 +81,7 @@
         </button>
       {:else }
         <button class="flex w-full items-center gap-x-2 disabled">
-          <ToSvelte construct={Svg.crosshair_svg().SetClass("w-8 h-8").SetClass("animate-spin")} />
+          <ToSvelte construct={Svg.crosshair_svg().SetClass("w-8 h-8").SetStyle("animation: 3s linear 0s infinite normal none running spin;")} />
           <Tr t={Translations.t.general.waitingForLocation} />
         </button>