From 07212dbea96755ac7088f890c340b1a8f1798ed6 Mon Sep 17 00:00:00 2001
From: WithoutPants <53250216+WithoutPants@users.noreply.github.com>
Date: Fri, 30 Oct 2020 09:52:53 +1100
Subject: [PATCH] Fix image thumbnail display (#907)

---
 ui/v2.5/src/components/Images/styles.scss |  2 +-
 ui/v2.5/src/index.scss                    | 21 +++++++++++++++------
 2 files changed, 16 insertions(+), 7 deletions(-)

diff --git a/ui/v2.5/src/components/Images/styles.scss b/ui/v2.5/src/components/Images/styles.scss
index 7724256a2..9cdf480b6 100644
--- a/ui/v2.5/src/components/Images/styles.scss
+++ b/ui/v2.5/src/components/Images/styles.scss
@@ -46,7 +46,7 @@
 
     &-image {
       height: 100%;
-      object-fit: cover;
+      object-fit: contain;
       width: 100%;
     }
 
diff --git a/ui/v2.5/src/index.scss b/ui/v2.5/src/index.scss
index 0df2cb7e2..17ee99fde 100755
--- a/ui/v2.5/src/index.scss
+++ b/ui/v2.5/src/index.scss
@@ -138,10 +138,13 @@ textarea.text-input {
     }
 
     .gallery-card-image,
-    .tag-card-image,
-    .image-card-preview {
+    .tag-card-image {
       max-height: 240px;
     }
+
+    .image-card-preview {
+      height: 240px;
+    }
   }
 
   .zoom-2 {
@@ -156,10 +159,13 @@ textarea.text-input {
     }
 
     .gallery-card-image,
-    .tag-card-image,
-    .image-card-preview {
+    .tag-card-image {
       max-height: 360px;
     }
+
+    .image-card-preview {
+      height: 360px;
+    }
   }
 
   .zoom-3 {
@@ -174,10 +180,13 @@ textarea.text-input {
     }
 
     .tag-card-image,
-    .gallery-card-image,
-    .image-card-preview {
+    .gallery-card-image {
       max-height: 480px;
     }
+
+    .image-card-preview {
+      height: 480px;
+    }
   }
 }