From d1a6c115134dafa9738ff003223b6fdfb8eb6978 Mon Sep 17 00:00:00 2001
From: Pieter Vander Vennet <pietervdvn@posteo.net>
Date: Wed, 6 Dec 2023 13:47:20 +0100
Subject: [PATCH] UX tweaks

---
 src/UI/Image/ImageOperations.svelte | 2 +-
 src/UI/Image/ImagePreview.svelte    | 5 +++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/UI/Image/ImageOperations.svelte b/src/UI/Image/ImageOperations.svelte
index 2a8eb96d35..b2a2f4cf56 100644
--- a/src/UI/Image/ImageOperations.svelte
+++ b/src/UI/Image/ImageOperations.svelte
@@ -24,7 +24,7 @@ async function download() {
   <div class="absolute top-0 left-0 w-full h-full overflow-hidden">
     <ImagePreview image={image} />
   </div>
-  <div class="absolute bottom-0 left-0 w-full pointer-events-none flex justify-between items-end">
+  <div class="absolute bottom-0 left-0 w-full pointer-events-none flex flex-wrap justify-between items-end">
     <div class="pointer-events-auto w-fit opacity-50 hover:opacity-100 transition-colors duration-200">
       <ImageAttribution image={image} />
     </div>
diff --git a/src/UI/Image/ImagePreview.svelte b/src/UI/Image/ImagePreview.svelte
index 8a2bf5d8ca..f3f7ea1d60 100644
--- a/src/UI/Image/ImagePreview.svelte
+++ b/src/UI/Image/ImagePreview.svelte
@@ -15,7 +15,8 @@
             panzoomInstance = panzoom(panzoomEl, { bounds: true,
                 boundsPadding: 1,
                 minZoom: 1,
-                maxZoom: 25
+                maxZoom: 25,
+                initialZoom: 1.2
             })
         } else {
             panzoomInstance?.dispose()
@@ -24,4 +25,4 @@
 
 </script>
 
-<img bind:this={panzoomEl} src={image.url}/>
+<img bind:this={panzoomEl} src={image.url} class="w-fit h-fit"/>