From ca8ed611a4002dabbea3f3bfbdcd87342eb37431 Mon Sep 17 00:00:00 2001
From: IllusionMan1212 <hisham.abourgheba@gmail.com>
Date: Fri, 29 Apr 2022 01:57:31 +0300
Subject: [PATCH] fix(interface): don't shrink thumbs when filename is
 truncated and center thumbs

---
 packages/interface/src/components/file/FileList.tsx  | 2 +-
 packages/interface/src/components/file/FileThumb.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/interface/src/components/file/FileList.tsx b/packages/interface/src/components/file/FileList.tsx
index 3461e2102..335c8bc4b 100644
--- a/packages/interface/src/components/file/FileList.tsx
+++ b/packages/interface/src/components/file/FileList.tsx
@@ -226,7 +226,7 @@ const RenderCell: React.FC<{ colKey?: ColumnKey; dirId?: number; file?: FilePath
     case 'name':
       return (
         <div className="flex flex-row items-center overflow-hidden">
-          <div className="w-6 h-6 mr-3">
+          <div className="flex items-center justify-center shrink-0 w-6 h-6 mr-3">
             <FileThumb
               hasThumbnailOverride={hasNewThumbnail}
               file={row}
diff --git a/packages/interface/src/components/file/FileThumb.tsx b/packages/interface/src/components/file/FileThumb.tsx
index 228ed9b0f..0016c0123 100644
--- a/packages/interface/src/components/file/FileThumb.tsx
+++ b/packages/interface/src/components/file/FileThumb.tsx
@@ -22,7 +22,7 @@ export default function FileThumb(props: {
   if (client?.data_path && (props.file.has_local_thumbnail || props.hasThumbnailOverride)) {
     return (
       <img
-        className="mt-0.5 pointer-events-none z-90"
+        className="pointer-events-none z-90"
         src={appPropsContext?.convertFileSrc(
           `${client.data_path}/thumbnails/${props.locationId}/${props.file.temp_cas_id}.webp`
         )}