From 95851ea486039b7afa69cb9060efcbe8ede44841 Mon Sep 17 00:00:00 2001
From: Ruben Fiszel <ruben@rubenfiszel.com>
Date: Sun, 26 Feb 2023 13:58:51 +0100
Subject: [PATCH] minor app nits

---
 .../lib/components/apps/components/display/AppImage.svelte | 7 ++++---
 .../lib/components/apps/components/inputs/AppSelect.svelte | 3 +++
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/frontend/src/lib/components/apps/components/display/AppImage.svelte b/frontend/src/lib/components/apps/components/display/AppImage.svelte
index 4c2ca28961..2bf39c5b2c 100644
--- a/frontend/src/lib/components/apps/components/display/AppImage.svelte
+++ b/frontend/src/lib/components/apps/components/display/AppImage.svelte
@@ -3,7 +3,7 @@
 	import type { AppInput } from '../../inputType'
 	import InputValue from '../helpers/InputValue.svelte'
 
-	type FitOption = typeof staticValues['objectFitOptions'][number]
+	type FitOption = (typeof staticValues)['objectFitOptions'][number]
 
 	export let id: string
 	export let configuration: Record<string, AppInput>
@@ -12,7 +12,7 @@
 	const fit: Record<FitOption, string> = {
 		cover: 'object-cover',
 		contain: 'object-contain',
-		fill: 'object-fill',
+		fill: 'object-fill'
 	}
 
 	let source: string | undefined = undefined
@@ -27,8 +27,9 @@
 <InputValue {id} input={configuration.customStyles} bind:value={customStyles} />
 
 <img
+	on:pointerdown|preventDefault
 	src={source}
 	alt={altText}
 	style={customStyles}
 	class="w-full h-full {fit[imageFit || 'cover']}"
->
+/>
diff --git a/frontend/src/lib/components/apps/components/inputs/AppSelect.svelte b/frontend/src/lib/components/apps/components/inputs/AppSelect.svelte
index af6aa3af79..b030d80263 100644
--- a/frontend/src/lib/components/apps/components/inputs/AppSelect.svelte
+++ b/frontend/src/lib/components/apps/components/inputs/AppSelect.svelte
@@ -82,4 +82,7 @@
 	.app-select .value-container {
 		padding: 0 !important;
 	}
+	.svelte-select-list {
+		z-index: 1000 !important;
+	}
 </style>