From 8d9cd0e30b1ab89d94fc779b9bf0559832f1e5b7 Mon Sep 17 00:00:00 2001
From: patriceac <48073125+patriceac@users.noreply.github.com>
Date: Sat, 7 Jan 2023 15:04:07 -0800
Subject: [PATCH 1/2] Fix display of very large images

---
 ui/media/css/main.css | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/ui/media/css/main.css b/ui/media/css/main.css
index dc2d6b8c..7dc22db1 100644
--- a/ui/media/css/main.css
+++ b/ui/media/css/main.css
@@ -250,6 +250,8 @@ button#resume {
 }
 img {
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15), 0 6px 20px 0 rgba(0, 0, 0, 0.15);
+    width:  100%;
+    object-fit: contain;
 }
 .line-separator {
     background: var(--background-color3);

From bfa1f579303394f24f5036f30db8db7e829a9c71 Mon Sep 17 00:00:00 2001
From: patriceac <48073125+patriceac@users.noreply.github.com>
Date: Mon, 9 Jan 2023 09:21:16 -0800
Subject: [PATCH 2/2] Fix rendering of very large images

See comments for screenshots.
---
 ui/media/css/main.css | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/ui/media/css/main.css b/ui/media/css/main.css
index 7dc22db1..261c5673 100644
--- a/ui/media/css/main.css
+++ b/ui/media/css/main.css
@@ -250,8 +250,10 @@ button#resume {
 }
 img {
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15), 0 6px 20px 0 rgba(0, 0, 0, 0.15);
-    width:  100%;
-    object-fit: contain;
+}
+div.img-preview img {
+    width:100%;
+    height: 100%;
 }
 .line-separator {
     background: var(--background-color3);