From 2ce2453d8f1f07ff580bef117dbf4eb6b21fe7bb Mon Sep 17 00:00:00 2001
From: sgenoud <steve@sgenoud.com>
Date: Sat, 20 Apr 2019 16:52:14 +0200
Subject: [PATCH] fix: Unstretch the card image (#1157)

Fix #1156
---
 src/routes/_components/status/StatusCard.html | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/routes/_components/status/StatusCard.html b/src/routes/_components/status/StatusCard.html
index c95d3488..70c57335 100644
--- a/src/routes/_components/status/StatusCard.html
+++ b/src/routes/_components/status/StatusCard.html
@@ -5,7 +5,9 @@
   {#if description}
     <div class="card-content">
   {#if imageUrl}
-    <LazyImage forceSize={true} height="50" width="50" src={imageUrl} ariaHidden={true} />
+    <div class="status-card-image-container">
+      <LazyImage src={imageUrl} ariaHidden={true} />
+    </div>
   {/if}
     <span class="card-description">
       {description}
@@ -49,6 +51,16 @@
     opacity: 0.8;
   }
 
+  .status-card-image-container {
+    position: relative;
+    width: 50px;
+    height: 50px;
+  }
+
+  :global(.status-card-image-container img) {
+    object-fit: cover;
+  }
+
   .card-title {
     font-weight: 600;
     overflow: hidden;