aboutsummaryrefslogtreecommitdiffstats
path: root/webui
diff options
context:
space:
mode:
Diffstat (limited to 'webui')
-rw-r--r--webui/src/pages/bug/Bug.tsx21
-rw-r--r--webui/src/pages/bug/Message.tsx1
2 files changed, 18 insertions, 4 deletions
diff --git a/webui/src/pages/bug/Bug.tsx b/webui/src/pages/bug/Bug.tsx
index 998c9528..3c4bb63b 100644
--- a/webui/src/pages/bug/Bug.tsx
+++ b/webui/src/pages/bug/Bug.tsx
@@ -13,7 +13,7 @@ import TimelineQuery from './TimelineQuery';
const useStyles = makeStyles(theme => ({
main: {
- maxWidth: 800,
+ maxWidth: 1000,
margin: 'auto',
marginTop: theme.spacing(4),
},
@@ -41,6 +41,9 @@ const useStyles = makeStyles(theme => ({
marginTop: theme.spacing(2),
flex: '0 0 200px',
},
+ sidebarTitle: {
+ fontWeight: 'bold',
+ },
labelList: {
listStyle: 'none',
padding: 0,
@@ -53,6 +56,12 @@ const useStyles = makeStyles(theme => ({
display: 'block',
},
},
+ noLabel: {
+ ...theme.typography.body2,
+ },
+ commentForm: {
+ marginLeft: 48,
+ },
}));
type Props = {
@@ -77,10 +86,16 @@ function Bug({ bug }: Props) {
<div className={classes.container}>
<div className={classes.timeline}>
<TimelineQuery id={bug.id} />
+ <div className={classes.commentForm}>
+ <CommentForm bugId={bug.id} />
+ </div>
</div>
<div className={classes.sidebar}>
- <Typography variant={'subtitle1'}>Labels</Typography>
+ <span className={classes.sidebarTitle}>Labels</span>
<ul className={classes.labelList}>
+ {bug.labels.length === 0 && (
+ <span className={classes.noLabel}>None yet</span>
+ )}
{bug.labels.map(l => (
<li className={classes.label} key={l.name}>
<Label label={l} key={l.name} />
@@ -89,8 +104,6 @@ function Bug({ bug }: Props) {
</ul>
</div>
</div>
-
- <CommentForm bugId={bug.id} />
</main>
);
}
diff --git a/webui/src/pages/bug/Message.tsx b/webui/src/pages/bug/Message.tsx
index ebb42f6b..4a438b77 100644
--- a/webui/src/pages/bug/Message.tsx
+++ b/webui/src/pages/bug/Message.tsx
@@ -31,6 +31,7 @@ const useStyles = makeStyles(theme => ({
padding: '0.5rem 1rem',
borderBottom: '1px solid #ddd',
display: 'flex',
+ backgroundColor: '#e2f1ff',
},
title: {
flex: 1,