15610: Fixes layout issues with the collection panel file listing.

[arvados.git] / src / components / file-tree / file-thumbnail.tsx

diff --git a/src/components/file-tree/file-thumbnail.tsx b/src/components/file-tree/file-thumbnail.tsx
index d782e60c5acb28c9f67f7fc47f566f43b0de0beb..e1a0d5e0517dea73a0a2cbea9910f849841fd5cd 100644 (file)
--- a/src/components/file-tree/file-thumbnail.tsx
+++ b/src/components/file-tree/file-thumbnail.tsx
@@ -20,17 +20,17 @@ export const FileThumbnail =
 
 type ImageFileThumbnailCssRules = 'thumbnail';
 
-const imageFileThumbnailStyle = withStyles<ImageFileThumbnailCssRules>({
+const imageFileThumbnailStyle = withStyles<ImageFileThumbnailCssRules>(theme => ({
     thumbnail: {
         maxWidth: 250,
+        margin: `${theme.spacing.unit}px 0`,
     }
-});
+}));
 
 const ImageFileThumbnail = imageFileThumbnailStyle(
     ({ classes, file }: WithStyles<ImageFileThumbnailCssRules> & FileThumbnailProps) =>
-        file.type === CollectionFileType.DIRECTORY
-            ? null
-            : <img
-                className={classes.thumbnail}
-                alt={file.name} />
+        <img
+            className={classes.thumbnail}
+            alt={file.name}
+            src={file.url} />
 );