Add more space before and after ImageFileThumbnail

Feature #14563

Arvados-DCO-1.1-Signed-off-by: Michal Klobukowski <michal.klobukowski@contractors.roche.com>

diff --git a/src/components/file-tree/file-thumbnail.tsx b/src/components/file-tree/file-thumbnail.tsx
index cb071adc2a41a54c9186fc21741d4ad367ba3172..324156a3f15d9b7d21ec722419ea576441025a6e 100644 (file)
--- a/src/components/file-tree/file-thumbnail.tsx
+++ b/src/components/file-tree/file-thumbnail.tsx
@@ -20,11 +20,12 @@ 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) =>