diff --git a/js/components/preview/moleculeGroups/molGroupChecklist.js b/js/components/preview/moleculeGroups/molGroupChecklist.js index 1d40cb4d7..f1fb53177 100644 --- a/js/components/preview/moleculeGroups/molGroupChecklist.js +++ b/js/components/preview/moleculeGroups/molGroupChecklist.js @@ -1,5 +1,5 @@ import React, { memo, useContext } from 'react'; -import { Grid, makeStyles, Checkbox } from '@material-ui/core'; +import { Grid, makeStyles, Checkbox, Tooltip, Typography } from '@material-ui/core'; import { useDispatch, useSelector } from 'react-redux'; import { heightOfBody } from './molGroupSelector'; import { VIEWS } from '../../../constants/constants'; @@ -33,6 +33,12 @@ const useStyles = makeStyles(theme => ({ }, rowItem: { height: 22 + }, + siteLabel: { + whiteSpace: 'nowrap', + overflow: 'hidden', + textOverflow: 'ellipsis', + marginLeft: '-6px' } })); @@ -59,10 +65,11 @@ const molGroupChecklist = memo(({}) => { item container alignItems="center" + justify="flex-start" key={`mol-checklist-item-${idx}`} className={classes.rowItem} > - + { disabled={disableUserInteraction} /> - - {`Site ${idx + 1} - ${moleculeGroup.description}`} + + + + {`Site ${idx + 1} - ${moleculeGroup.description}`} + + );