From db2c29a6e1e0efc69fccfd3aafdb1d35d7758edf Mon Sep 17 00:00:00 2001
From: Pavol Rusnak <pavol@rusnak.io>
Date: Thu, 25 Aug 2022 12:26:44 +0200
Subject: [PATCH] PoS UI fix: scale-down item image (#4076)

---
 BTCPayServer/Views/Shared/PointOfSale/Public/Cart.cshtml | 2 +-
 BTCPayServer/wwwroot/cart/css/style.css                  | 8 +++++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/BTCPayServer/Views/Shared/PointOfSale/Public/Cart.cshtml b/BTCPayServer/Views/Shared/PointOfSale/Public/Cart.cshtml
index 5d44491d6..78ee222c1 100644
--- a/BTCPayServer/Views/Shared/PointOfSale/Public/Cart.cshtml
+++ b/BTCPayServer/Views/Shared/PointOfSale/Public/Cart.cshtml
@@ -27,7 +27,7 @@
 </script>
 
 <script id="template-cart-item-image" type="text/template">
-    <img src="{image}" width="50" alt="">
+    <img class="cart-item-image" src="{image}" alt="">
 </script>
 
 <script id="template-cart-custom-amount" type="text/template">
diff --git a/BTCPayServer/wwwroot/cart/css/style.css b/BTCPayServer/wwwroot/cart/css/style.css
index 7332be353..12a14d7c3 100644
--- a/BTCPayServer/wwwroot/cart/css/style.css
+++ b/BTCPayServer/wwwroot/cart/css/style.css
@@ -17,7 +17,13 @@
 .card-img-top {
     width: 100%;
     max-height: 180px;
-    object-fit: cover;
+    object-fit: scale-down;
+}
+
+.cart-item-image {
+    width: 50px;
+    height: 50px;
+    object-fit: scale-down;
 }
 
 .js-cart-added {