Larger margins to add track workflow to visually clarify next button …

…behavior (#3477)
GMOD · Jan 27, 2023 · 8e664f3 · 8e664f3
1 parent 699d69a
commit 8e664f3
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 9 deletions.
diff --git a/plugins/data-management/src/AddTrackWidget/components/DefaultAddTrackWorkflow.tsx b/plugins/data-management/src/AddTrackWidget/components/DefaultAddTrackWorkflow.tsx
@@ -32,15 +32,12 @@ const useStyles = makeStyles()(theme => ({
     backgroundColor: theme.palette.background.default,
   },
   button: {
-    marginTop: theme.spacing(1),
     marginRight: theme.spacing(1),
   },
   actionsContainer: {
+    marginTop: theme.spacing(10),
     marginBottom: theme.spacing(2),
   },
-  stepContent: {
-    margin: theme.spacing(1),
-  },
   alertContainer: {
     padding: `${theme.spacing(2)}px 0px ${theme.spacing(2)}px 0px`,
   },

diff --git a/plugins/data-management/src/AddTrackWidget/components/TrackSourceSelect.tsx b/plugins/data-management/src/AddTrackWidget/components/TrackSourceSelect.tsx
@@ -1,5 +1,6 @@
 import React from 'react'
 import { FileSelector } from '@jbrowse/core/ui'
+import { AbstractRootModel } from '@jbrowse/core/util'
 import { Paper } from '@mui/material'
 import { makeStyles } from 'tss-react/mui'
 import { getRoot } from 'mobx-state-tree'
@@ -10,9 +11,7 @@ import { AddTrackModel } from '../model'
 
 const useStyles = makeStyles()(theme => ({
   paper: {
-    display: 'flex',
-    flexDirection: 'column',
-    padding: theme.spacing(1),
+    padding: theme.spacing(2),
   },
   spacer: {
     height: theme.spacing(8),
@@ -21,8 +20,7 @@ const useStyles = makeStyles()(theme => ({
 
 function TrackSourceSelect({ model }: { model: AddTrackModel }) {
   const { classes } = useStyles()
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  const rootModel = getRoot<any>(model)
+  const rootModel = getRoot<AbstractRootModel>(model)
 
   return (
     <Paper className={classes.paper}>