From d1df8a4b1e7652f6ce3528c1e24bcfdcd333f365 Mon Sep 17 00:00:00 2001
From: Ruben Fiszel <ruben@rubenfiszel.com>
Date: Fri, 1 Dec 2023 07:12:09 +0100
Subject: [PATCH] fix: maps mapRegion update on move

---
 .../src/lib/components/apps/components/display/AppMap.svelte   | 3 +++
 frontend/src/lib/components/propertyPicker/ObjectViewer.svelte | 3 ++-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/frontend/src/lib/components/apps/components/display/AppMap.svelte b/frontend/src/lib/components/apps/components/display/AppMap.svelte
index 903339d92e..b4c62bd197 100644
--- a/frontend/src/lib/components/apps/components/display/AppMap.svelte
+++ b/frontend/src/lib/components/apps/components/display/AppMap.svelte
@@ -217,6 +217,9 @@
 {#if render}
 	<div class="relative h-full w-full">
 		<div
+			on:pointermove={updateRegionOutput}
+			on:wheel={updateRegionOutput}
+			on:touchmove={updateRegionOutput}
 			on:pointerdown|stopPropagation={selectComponent}
 			bind:this={mapElement}
 			class={twMerge(`w-full h-full`, css?.map?.class, 'wm-map')}
diff --git a/frontend/src/lib/components/propertyPicker/ObjectViewer.svelte b/frontend/src/lib/components/propertyPicker/ObjectViewer.svelte
index 14ac1b2fdf..b7857e9ab7 100644
--- a/frontend/src/lib/components/propertyPicker/ObjectViewer.svelte
+++ b/frontend/src/lib/components/propertyPicker/ObjectViewer.svelte
@@ -105,7 +105,7 @@
 							/>
 						{:else}
 							<button
-								class="val {pureViewer
+								class="val text-left {pureViewer
 									? 'cursor-auto'
 									: ''} rounded px-1 hover:bg-blue-100 {getTypeAsString(json[key])}"
 								on:click={() => selectProp(key, json[key])}
@@ -189,6 +189,7 @@
 
 	.val.number {
 		@apply text-orange-600;
+		@apply font-mono;
 	}
 	.val.boolean {
 		@apply text-blue-600;