From 76f6b1f21ff075dbd86706b6a94621b3e993dfe4 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 519e7cdb88..083f6dfd61 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 63e1c30546..57de312395 100644
--- a/src/UI/Image/ImagePreview.svelte
+++ b/src/UI/Image/ImagePreview.svelte
@@ -16,7 +16,7 @@
       panzoomInstance = panzoom(panzoomEl, {
         bounds: true,
         boundsPadding: 0.49,
-        minZoom: 1,
+        minZoom: 0.1,
         maxZoom: 25,
         initialZoom: 1.0,
       })
@@ -28,7 +28,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)
   }}