From eb0130edfad73b8754995f176f3c3e64e4991529 Mon Sep 17 00:00:00 2001
From: Danny Brown <danny.ri.brown@gmail.com>
Date: Thu, 1 Oct 2020 22:09:03 -0400
Subject: [PATCH] fix: set a min-width so flexbox doesn't shrink our lil svg
 (#2075)

---
 .../components/ThumbnailNoImage/ThumbnailNoImage.jsx  | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/platform/ui/src/components/ThumbnailNoImage/ThumbnailNoImage.jsx b/platform/ui/src/components/ThumbnailNoImage/ThumbnailNoImage.jsx
index d5db2f37f..abd41bdfc 100644
--- a/platform/ui/src/components/ThumbnailNoImage/ThumbnailNoImage.jsx
+++ b/platform/ui/src/components/ThumbnailNoImage/ThumbnailNoImage.jsx
@@ -19,7 +19,7 @@ const ThumbnailNoImage = ({
 }) => {
   const [collectedProps, drag, dragPreview] = useDrag({
     item: { ...dragData },
-    canDrag: function (monitor) {
+    canDrag: function(monitor) {
       return Object.keys(dragData).length !== 0;
     },
   });
@@ -54,7 +54,14 @@ const ThumbnailNoImage = ({
             <span className="ml-4 text-base text-blue-300">{seriesDate}</span>
           </div>
           <div className="flex flex-row">
-            {canReject && <Icon name="old-trash" className="ml-4 w-3 text-red-500" onClick={onReject} />}
+            {canReject && (
+              <Icon
+                name="old-trash"
+                style={{ minWidth: '12px' }}
+                className="w-3 ml-4 text-red-500"
+                onClick={onReject}
+              />
+            )}
             <div className="ml-4 text-base text-white break-all">
               {description}
             </div>