aboutsummaryrefslogtreecommitdiffstats
path: root/webui/src/pages/bug/LabelChange.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'webui/src/pages/bug/LabelChange.tsx')
-rw-r--r--webui/src/pages/bug/LabelChange.tsx9
1 files changed, 7 insertions, 2 deletions
diff --git a/webui/src/pages/bug/LabelChange.tsx b/webui/src/pages/bug/LabelChange.tsx
index fd466ab8..712c33fa 100644
--- a/webui/src/pages/bug/LabelChange.tsx
+++ b/webui/src/pages/bug/LabelChange.tsx
@@ -16,6 +16,11 @@ const useStyles = makeStyles((theme) => ({
author: {
fontWeight: 'bold',
},
+ label: {
+ maxWidth: '50ch',
+ marginLeft: theme.spacing(0.25),
+ marginRight: theme.spacing(0.25),
+ },
}));
type Props = {
@@ -30,12 +35,12 @@ function LabelChange({ op }: Props) {
<Author author={op.author} className={classes.author} />
{added.length > 0 && <span> added the </span>}
{added.map((label, index) => (
- <Label key={index} label={label} maxWidth="50ch" />
+ <Label key={index} label={label} className={classes.label} />
))}
{added.length > 0 && removed.length > 0 && <span> and</span>}
{removed.length > 0 && <span> removed the </span>}
{removed.map((label, index) => (
- <Label key={index} label={label} maxWidth="50ch" />
+ <Label key={index} label={label} className={classes.label} />
))}
<span>
{' '}