Add multiple files uploading

[arvados-workbench2.git] / src / components / file-upload / file-upload.tsx

diff --git a/src/components/file-upload/file-upload.tsx b/src/components/file-upload/file-upload.tsx
index 5fb2842805346ec6702e2c8df5e24c223e62bd48..8c6e04a93ea14378fb86a3bc6baa322165684817 100644 (file)
--- a/src/components/file-upload/file-upload.tsx
+++ b/src/components/file-upload/file-upload.tsx
@@ -41,13 +41,14 @@ export const FileUpload = withStyles(styles)(
             Upload data
         </Typography>
         <Dropzone className={classes.dropzone} onDrop={files => onDrop(files)}>
-            <Grid container justify="center" alignItems="center" className={classes.container} direction={"column"}>
-                <Grid item component={"span"}>
+            <Grid container justify="center" alignItems="center" className={classes.container} direction={"row"}>
+                <Grid item component={"span"} style={{width: "100%", textAlign: "center"}}>
                     <Typography variant={"subheading"}>
-                        <CloudUploadIcon className={classes.uploadIcon}/> Drag and drop data or <a>browse</a>
+                        <CloudUploadIcon className={classes.uploadIcon}/> Drag and drop data or click to browse
                     </Typography>
                 </Grid>
-                <Grid item>
+
+                <Grid item style={{width: "100%"}}>
                     <List>
                     {files.map((f, idx) =>
                         <ListItem button key={idx}>