From 71e1c890ae0f4746b67007ea1aa3dc89690ae1bf Mon Sep 17 00:00:00 2001
From: Influence365 <Influence365@gmail.com>
Date: Tue, 26 May 2020 14:30:53 +0100
Subject: [PATCH 1/7] update card.css for bug fix jellyfin#1207

---
 src/components/cardbuilder/card.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/cardbuilder/card.css b/src/components/cardbuilder/card.css
index c24fcf6ba6..059c1d5986 100644
--- a/src/components/cardbuilder/card.css
+++ b/src/components/cardbuilder/card.css
@@ -157,7 +157,7 @@ button::-moz-focus-inner {
 }
 
 .cardImageContainer {
-    background-size: cover;
+    background-size: contain;
     background-repeat: no-repeat;
     background-position: center center;
     display: -webkit-flex;

From 722c8321b0c86d880380683abfc78b1694a5d422 Mon Sep 17 00:00:00 2001
From: Influence365 <Influence365@gmail.com>
Date: Tue, 26 May 2020 14:31:52 +0100
Subject: [PATCH 2/7] Update to imageeditor.js for bug fix jellyfin#1207

---
 src/components/imageeditor/imageeditor.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/imageeditor/imageeditor.js b/src/components/imageeditor/imageeditor.js
index 228060b8bf..502539fae6 100644
--- a/src/components/imageeditor/imageeditor.js
+++ b/src/components/imageeditor/imageeditor.js
@@ -132,7 +132,7 @@ define(['dialogHelper', 'connectionManager', 'loading', 'dom', 'layoutManager',
 
         var imageUrl = getImageUrl(currentItem, apiClient, image.ImageType, image.ImageIndex, { maxWidth: imageSize });
 
-        html += '<div class="cardImageContainer" style="background-image:url(\'' + imageUrl + '\');background-position:center bottom;"></div>';
+        html += '<div class="cardImageContainer" style="background-image:url(\'' + imageUrl + '\');background-position:center center;"></div>';
 
         html += '</div>';
         html += '</div>';

From 04e27d98d5c89582351f3de9efd955e120a47aae Mon Sep 17 00:00:00 2001
From: Influence365 <Influence365@gmail.com>
Date: Tue, 26 May 2020 14:32:47 +0100
Subject: [PATCH 3/7] Update to imageDownloader.js for bug fix jellyfin#1207

---
 src/components/imageDownloader/imageDownloader.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/imageDownloader/imageDownloader.js b/src/components/imageDownloader/imageDownloader.js
index 220e4148cc..c989011e8d 100644
--- a/src/components/imageDownloader/imageDownloader.js
+++ b/src/components/imageDownloader/imageDownloader.js
@@ -203,9 +203,9 @@ define(['dom', 'loading', 'apphost', 'dialogHelper', 'connectionManager', 'image
         html += '<div class="cardContent">';
 
         if (layoutManager.tv || !appHost.supports('externallinks')) {
-            html += '<div class="cardImageContainer lazy" data-src="' + getDisplayUrl(image.Url, apiClient) + '" style="background-position:center bottom;"></div>';
+            html += '<div class="cardImageContainer lazy" data-src="' + getDisplayUrl(image.Url, apiClient) + '" style="background-position:center center;"></div>';
         } else {
-            html += '<a is="emby-linkbutton" target="_blank" href="' + getDisplayUrl(image.Url, apiClient) + '" class="button-link cardImageContainer lazy" data-src="' + getDisplayUrl(image.Url, apiClient) + '" style="background-position:center bottom;"></a>';
+            html += '<a is="emby-linkbutton" target="_blank" href="' + getDisplayUrl(image.Url, apiClient) + '" class="button-link cardImageContainer lazy" data-src="' + getDisplayUrl(image.Url, apiClient) + '" style="background-position:center center;"></a>';
         }
 
         html += '</div>';

From ef0b4b5f51c978861a4f4acd02f5fa8bc3afded7 Mon Sep 17 00:00:00 2001
From: Influence365 <Influence365@gmail.com>
Date: Wed, 27 May 2020 07:15:26 +0100
Subject: [PATCH 4/7] Update to imageDownloader.js for bug fix #1207

---
 src/components/imageDownloader/imageDownloader.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/imageDownloader/imageDownloader.js b/src/components/imageDownloader/imageDownloader.js
index c989011e8d..a3965279cf 100644
--- a/src/components/imageDownloader/imageDownloader.js
+++ b/src/components/imageDownloader/imageDownloader.js
@@ -203,9 +203,9 @@ define(['dom', 'loading', 'apphost', 'dialogHelper', 'connectionManager', 'image
         html += '<div class="cardContent">';
 
         if (layoutManager.tv || !appHost.supports('externallinks')) {
-            html += '<div class="cardImageContainer lazy" data-src="' + getDisplayUrl(image.Url, apiClient) + '" style="background-position:center center;"></div>';
+            html += '<div class="cardImageContainer lazy" data-src="' + getDisplayUrl(image.Url, apiClient) + '" style="background-position:center center;background-size:contain;"></div>';
         } else {
-            html += '<a is="emby-linkbutton" target="_blank" href="' + getDisplayUrl(image.Url, apiClient) + '" class="button-link cardImageContainer lazy" data-src="' + getDisplayUrl(image.Url, apiClient) + '" style="background-position:center center;"></a>';
+            html += '<a is="emby-linkbutton" target="_blank" href="' + getDisplayUrl(image.Url, apiClient) + '" class="button-link cardImageContainer lazy" data-src="' + getDisplayUrl(image.Url, apiClient) + '" style="background-position:center center;background-size:contain"></a>';
         }
 
         html += '</div>';

From 9cc10c32ab666aa0d687143e8310130e14ad922d Mon Sep 17 00:00:00 2001
From: Influence365 <Influence365@gmail.com>
Date: Wed, 27 May 2020 07:16:24 +0100
Subject: [PATCH 5/7] Update to imageeditor.js for bug fix #1207

---
 src/components/imageeditor/imageeditor.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/imageeditor/imageeditor.js b/src/components/imageeditor/imageeditor.js
index 502539fae6..c13d207892 100644
--- a/src/components/imageeditor/imageeditor.js
+++ b/src/components/imageeditor/imageeditor.js
@@ -132,7 +132,7 @@ define(['dialogHelper', 'connectionManager', 'loading', 'dom', 'layoutManager',
 
         var imageUrl = getImageUrl(currentItem, apiClient, image.ImageType, image.ImageIndex, { maxWidth: imageSize });
 
-        html += '<div class="cardImageContainer" style="background-image:url(\'' + imageUrl + '\');background-position:center center;"></div>';
+        html += '<div class="cardImageContainer" style="background-image:url(\'' + imageUrl + '\');background-position:center center; background-size:contain;"></div>';
 
         html += '</div>';
         html += '</div>';

From c9a6753aba031a14bb1571f6da5747020abf47c3 Mon Sep 17 00:00:00 2001
From: Influence365 <Influence365@gmail.com>
Date: Wed, 27 May 2020 07:17:06 +0100
Subject: [PATCH 6/7] Update imageeditor.js

---
 src/components/imageeditor/imageeditor.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/imageeditor/imageeditor.js b/src/components/imageeditor/imageeditor.js
index c13d207892..2927a0b120 100644
--- a/src/components/imageeditor/imageeditor.js
+++ b/src/components/imageeditor/imageeditor.js
@@ -132,7 +132,7 @@ define(['dialogHelper', 'connectionManager', 'loading', 'dom', 'layoutManager',
 
         var imageUrl = getImageUrl(currentItem, apiClient, image.ImageType, image.ImageIndex, { maxWidth: imageSize });
 
-        html += '<div class="cardImageContainer" style="background-image:url(\'' + imageUrl + '\');background-position:center center; background-size:contain;"></div>';
+        html += '<div class="cardImageContainer" style="background-image:url(\'' + imageUrl + '\');background-position:center center;background-size:contain;"></div>';
 
         html += '</div>';
         html += '</div>';

From 0d7d4c7d15f5083b06477d8cb16e901ab3596d01 Mon Sep 17 00:00:00 2001
From: Influence365 <Influence365@gmail.com>
Date: Wed, 27 May 2020 07:17:45 +0100
Subject: [PATCH 7/7] Reverted previous commit

---
 src/components/cardbuilder/card.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/cardbuilder/card.css b/src/components/cardbuilder/card.css
index 059c1d5986..c24fcf6ba6 100644
--- a/src/components/cardbuilder/card.css
+++ b/src/components/cardbuilder/card.css
@@ -157,7 +157,7 @@ button::-moz-focus-inner {
 }
 
 .cardImageContainer {
-    background-size: contain;
+    background-size: cover;
     background-repeat: no-repeat;
     background-position: center center;
     display: -webkit-flex;