From b7ddb22558bd4b429e810157b343ee41a6575945 Mon Sep 17 00:00:00 2001
From: Sascha <GlancingMind@outlook.com>
Date: Sat, 20 Mar 2021 14:30:10 +0100
Subject: Fixate message counter to end of bug row

Previously the counter has shifted around depending on the length of the bug
titles.
---
 webui/src/pages/list/BugRow.tsx | 18 +++++++-----------
 1 file changed, 7 insertions(+), 11 deletions(-)

(limited to 'webui/src/pages/list')

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) {
             &nbsp;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>
-- 
cgit