bug: fix table layout

This commit is contained in:
Paulo Gustavo Veiga 2021-02-25 22:22:34 -08:00
parent 61aaa670db
commit e647748717

View File

@ -113,12 +113,15 @@ function EnhancedTableHead(props: EnhancedTableProps) {
numeric: false, numeric: false,
label: intl.formatMessage({ id: 'map.name', defaultMessage: 'Name' }), label: intl.formatMessage({ id: 'map.name', defaultMessage: 'Name' }),
}, },
{ id: 'labels', numeric: false }, {
id: 'labels',
numeric: false
},
{ {
id: 'createdBy', id: 'createdBy',
numeric: false, numeric: false,
label: intl.formatMessage({ id: 'map.creator', defaultMessage: 'Creator' }), label: intl.formatMessage({ id: 'map.creator', defaultMessage: 'Creator' }),
style: { width: '70px', whiteSpace: 'nowrap' }, style: { width: '150px', whiteSpace: 'nowrap' },
}, },
{ {
id: 'lastModificationTime', id: 'lastModificationTime',
@ -434,13 +437,13 @@ export const MapsList = (props: MapsListProps): React.ReactElement => {
onChangeRowsPerPage={handleChangeRowsPerPage} onChangeRowsPerPage={handleChangeRowsPerPage}
component="div" component="div"
/> />
<div className={classes.search}> <div className={classes.search}>
<div className={classes.searchIcon}> <div className={classes.searchIcon}>
<SearchIcon /> <SearchIcon />
</div> </div>
<InputBase <InputBase
placeholder={intl.formatMessage({ id: 'maps.search-action', defaultMessage:'Search ...' })} placeholder={intl.formatMessage({ id: 'maps.search-action', defaultMessage: 'Search ...' })}
classes={{ classes={{
root: classes.searchInputRoot, root: classes.searchInputRoot,
input: classes.searchInputInput, input: classes.searchInputInput,
@ -549,7 +552,7 @@ export const MapsList = (props: MapsListProps): React.ReactElement => {
</Tooltip> </Tooltip>
</TableCell> </TableCell>
<TableCell className={classes.bodyCell}></TableCell> <TableCell className={classes.bodyCell}>packages/webapp/src/components/maps-page/index.tsx</TableCell>
<TableCell className={classes.bodyCell}> <TableCell className={classes.bodyCell}>
{row.createdBy} {row.createdBy}