diff options
| author | Sascha <GlancingMind@outlook.com> | 2021-03-20 14:30:10 +0100 |
|---|---|---|
| committer | Sascha <GlancingMind@outlook.com> | 2021-03-20 14:32:22 +0100 |
| commit | b7ddb22558bd4b429e810157b343ee41a6575945 (patch) | |
| tree | bc9439f3fd2abb8312768d246fa71182e93ed3e4 /webui | |
| parent | 688cc33ccca5fd6653ee6f2ee2946dc30a9052ae (diff) | |
| download | git-bug-b7ddb22558bd4b429e810157b343ee41a6575945.tar.gz | |
Fixate message counter to end of bug row
Previously the counter has shifted around depending on the length of the bug
titles.
Diffstat (limited to 'webui')
| -rw-r--r-- | webui/src/pages/list/BugRow.tsx | 18 |
1 files changed, 7 insertions, 11 deletions
diff --git a/webui/src/pages/list/BugRow.tsx b/webui/src/pages/list/BugRow.tsx index f9a50487..1f5d22aa 100644 --- a/webui/src/pages/list/BugRow.tsx +++ b/webui/src/pages/list/BugRow.tsx @@ -1,7 +1,6 @@ import React from 'react'; import { Link } from 'react-router-dom'; -import Grid from '@material-ui/core/Grid'; import TableCell from '@material-ui/core/TableCell/TableCell'; import TableRow from '@material-ui/core/TableRow/TableRow'; import Tooltip from '@material-ui/core/Tooltip/Tooltip'; @@ -80,6 +79,9 @@ const useStyles = makeStyles((theme) => ({ fontSize: '1rem', marginLeft: theme.spacing(0.5), }, + commentCountCell: { + display: 'inline-flex', + }, })); type Props = { @@ -113,17 +115,11 @@ function BugRow({ bug }: Props) { by {bug.author.displayName} </div> </div> - </TableCell> - <TableCell> {commentCount > 0 && ( - <Grid container wrap="nowrap"> - <Grid item> - <CommentOutlinedIcon aria-label="Comment count" /> - </Grid> - <Grid item> - <span className={classes.commentCount}>{commentCount}</span> - </Grid> - </Grid> + <span className={classes.commentCountCell}> + <CommentOutlinedIcon aria-label="Comment count" /> + <span className={classes.commentCount}>{commentCount}</span> + </span> )} </TableCell> </TableRow> |