From 492aac14e863c585e8d0db66e6b9dde1a8c7cf85 Mon Sep 17 00:00:00 2001
From: Joon-Yee Chuah <jchuah@tacc.utexas.edu>
Date: Mon, 27 Jun 2022 11:32:37 -0500
Subject: [PATCH] Fix file select modal styles

---
 .../components/files/FileExplorer/FileExplorer.tsx |  2 +-
 .../FileSelectModal/FileSelectModal.module.scss    | 14 --------------
 .../files/FileSelectModal/FileSelectModal.tsx      |  2 --
 3 files changed, 1 insertion(+), 17 deletions(-)
 delete mode 100644 src/tapis-ui/components/files/FileSelectModal/FileSelectModal.module.scss

diff --git a/src/tapis-ui/components/files/FileExplorer/FileExplorer.tsx b/src/tapis-ui/components/files/FileExplorer/FileExplorer.tsx
index 1341d7429..ef1f96d5e 100644
--- a/src/tapis-ui/components/files/FileExplorer/FileExplorer.tsx
+++ b/src/tapis-ui/components/files/FileExplorer/FileExplorer.tsx
@@ -127,7 +127,7 @@ const FileExplorer: React.FC<FileExplorerProps> = ({
           />
         ) : (
           <SystemListing
-            className={styles['nav-list']}
+            className={`${styles['nav-list']}`}
             onNavigate={onSystemNavigate}
           />
         )}
diff --git a/src/tapis-ui/components/files/FileSelectModal/FileSelectModal.module.scss b/src/tapis-ui/components/files/FileSelectModal/FileSelectModal.module.scss
deleted file mode 100644
index 98f19cbd7..000000000
--- a/src/tapis-ui/components/files/FileSelectModal/FileSelectModal.module.scss
+++ /dev/null
@@ -1,14 +0,0 @@
-.file-list {
-  /* icon */
-  tr > *:nth-child(1) {
-    width: 5% !important;
-  }
-  /* name */
-  tr > *:nth-child(2) {
-    width: 5% !important;
-  }
-  /* size */
-  tr > *:nth-child(3) {
-    width: 63% !important;
-  }
-}
diff --git a/src/tapis-ui/components/files/FileSelectModal/FileSelectModal.tsx b/src/tapis-ui/components/files/FileSelectModal/FileSelectModal.tsx
index 075a1858b..843985f63 100644
--- a/src/tapis-ui/components/files/FileSelectModal/FileSelectModal.tsx
+++ b/src/tapis-ui/components/files/FileSelectModal/FileSelectModal.tsx
@@ -4,7 +4,6 @@ import { GenericModal } from 'tapis-ui/_common';
 import { FileExplorer } from 'tapis-ui/components/files';
 import { SelectMode } from 'tapis-ui/components/files/FileListing/FileListing';
 import { Button } from 'reactstrap';
-import styles from './FileSelectModal.module.scss';
 
 type FileSelectModalProps = {
   systemId?: string;
@@ -111,7 +110,6 @@ const FileSelectModal: React.FC<FileSelectModalProps> = ({
       onNavigate={fileExplorerNavigateCallback}
       fields={['size', 'lastModified']}
       selectedFiles={selectedFiles}
-      className={styles['file-list']}
     />
   );