From d7b0987960423c55a664cc2fb5ad4d6878f37f48 Mon Sep 17 00:00:00 2001
From: pietervdvn <pietervdvn@posteo.net>
Date: Mon, 6 Sep 2021 21:56:58 +0200
Subject: [PATCH] Fix unresponsive area

---
 InitUiElements.ts | 7 ++++---
 index.html        | 6 +++---
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/InitUiElements.ts b/InitUiElements.ts
index 206d32d2d..8fe9e9085 100644
--- a/InitUiElements.ts
+++ b/InitUiElements.ts
@@ -274,10 +274,11 @@ export class InitUiElements {
         const help = new MapControlButton(Svg.help_svg());
         help.onClick(() => isOpened.setData(true));
         new Toggle(
-            fullOptions.SetClass("welcomeMessage"),
-            help,
+            fullOptions.SetClass("welcomeMessage pointer-events-auto"),
+            help.SetClass("pointer-events-auto"),
             isOpened
-        ).AttachTo("messagesbox");
+        )
+            .AttachTo("messagesbox");
         const openedTime = new Date().getTime();
         State.state.locationControl.addCallback(() => {
             if (new Date().getTime() - openedTime < 15 * 1000) {
diff --git a/index.html b/index.html
index eb870680e..ca48b1661 100644
--- a/index.html
+++ b/index.html
@@ -58,10 +58,10 @@
 </div>
 
 <div id="fullscreen" class="hidden md:hidden fixed inset-0 block z-above-controls"></div>
-<div id="topleft-tools" class="z-index-above-map">
+<div id="topleft-tools" class="z-index-above-map pointer-events-none">
     <div class="p-3 flex flex-col items-end sm:items-start sm:flex-row sm:flex-wrap w-full sm:justify-between">
-        <div id="searchbox" class="shadow rounded-full h-min w-full overflow-hidden sm:max-w-sm"></div>
-        <div id="userbadge" class="m-1"></div>
+        <div id="searchbox" class="shadow rounded-full h-min w-full overflow-hidden sm:max-w-sm pointer-events-auto"></div>
+        <div id="userbadge" class="m-1 pointer-events-auto"></div>
     </div>
     <div id="messagesbox" class="rounded-3xl overflow-hidden ml-3"></div>
 </div>