From 876c7661300e03981395e491ebe012c8a6dde63e Mon Sep 17 00:00:00 2001
From: Pieter Vander Vennet <pietervdvn@posteo.net>
Date: Tue, 16 Jan 2024 04:21:46 +0100
Subject: [PATCH] UX: some style tweaks to images

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

diff --git a/src/UI/Image/AttributedImage.svelte b/src/UI/Image/AttributedImage.svelte
index 519e7cdb8..083f6dfd6 100644
--- a/src/UI/Image/AttributedImage.svelte
+++ b/src/UI/Image/AttributedImage.svelte
@@ -18,7 +18,7 @@
   export let previewedImage: UIEventSource<ProvidedImage> = undefined
 </script>
 
-<div class="relative">
+<div class="relative shrink-0">
   <img
     bind:this={imgEl}
     class={imgClass ?? ""}
diff --git a/src/UI/Image/ImagePreview.svelte b/src/UI/Image/ImagePreview.svelte
index 2876b70b7..afa457f73 100644
--- a/src/UI/Image/ImagePreview.svelte
+++ b/src/UI/Image/ImagePreview.svelte
@@ -20,7 +20,7 @@
       panzoomInstance = panzoom(panzoomEl, {
         bounds: true,
         boundsPadding: 0.49,
-        minZoom: 1,
+        minZoom: 0.1,
         maxZoom: 25,
         initialZoom: 1.0,
       })
@@ -32,7 +32,7 @@
 
 <img
   bind:this={panzoomEl}
-  class="panzoom-image h-fit w-fit"
+  class="panzoom-image h-fit max-w-fit"
   on:load={() => {
     isLoaded?.setData(true)
   }}