aboutsummaryrefslogtreecommitdiffstats
path: root/webui/src/pages
diff options
context:
space:
mode:
Diffstat (limited to 'webui/src/pages')
-rw-r--r--webui/src/pages/list/ListQuery.css17
-rw-r--r--webui/src/pages/list/ListQuery.tsx27
2 files changed, 17 insertions, 27 deletions
diff --git a/webui/src/pages/list/ListQuery.css b/webui/src/pages/list/ListQuery.css
deleted file mode 100644
index 4f7abaf3..00000000
--- a/webui/src/pages/list/ListQuery.css
+++ /dev/null
@@ -1,17 +0,0 @@
-header {
- display: flex;
- flex-direction: row;
-}
-
-label {
- font-size: 14px;
- font-weight: bold !important;
- padding-right: 12px;
-}
-
-.filterissue-container {
- display: flex;
- flex-direction: row;
- align-items: flex-start;
- justify-content: left;
-} \ No newline at end of file
diff --git a/webui/src/pages/list/ListQuery.tsx b/webui/src/pages/list/ListQuery.tsx
index 5fe50e28..424ffac0 100644
--- a/webui/src/pages/list/ListQuery.tsx
+++ b/webui/src/pages/list/ListQuery.tsx
@@ -16,8 +16,6 @@ import FilterToolbar from './FilterToolbar';
import List from './List';
import { useListBugsQuery } from './ListQuery.generated';
-import './ListQuery.css';
-
type StylesProps = { searching?: boolean };
const useStyles = makeStyles<Theme, StylesProps>((theme) => ({
main: {
@@ -43,6 +41,17 @@ const useStyles = makeStyles<Theme, StylesProps>((theme) => ({
alignItems: 'center',
justifyContent: 'space-between',
},
+ filterissueLabel: {
+ fontSize: '14px',
+ fontWeight: 'bold',
+ paddingRight: '12px',
+ },
+ filterissueContainer: {
+ display: 'flex',
+ flexDirection: 'row',
+ alignItems: 'flex-start',
+ justifyContents: 'left',
+ },
search: {
borderRadius: theme.shape.borderRadius,
borderColor: fade(theme.palette.primary.main, 0.2),
@@ -98,7 +107,7 @@ const useStyles = makeStyles<Theme, StylesProps>((theme) => ({
padding: theme.spacing(2, 3),
},
},
- gitbugButton: {
+ greenButton: {
backgroundColor: '#2ea44fd9',
color: '#fff',
'&:hover': {
@@ -281,9 +290,11 @@ function ListQuery() {
return (
<Paper className={classes.main}>
<header className={classes.header}>
- <div className="filterissue-container">
+ <div className="filterissueContainer">
<form onSubmit={formSubmit}>
- <label htmlFor="issuefilter">Filter</label>
+ <label className={classes.filterissueLabel} htmlFor="issuefilter">
+ Filter
+ </label>
<InputBase
id="issuefilter"
placeholder="Filter"
@@ -299,11 +310,7 @@ function ListQuery() {
</button>
</form>
</div>
- <Button
- className={classes.gitbugButton}
- variant="contained"
- href="/new"
- >
+ <Button className={classes.greenButton} variant="contained" href="/new">
New issue
</Button>
</header>