Fix spacing between cancle and save button

Sascha created

Change summary

webui/src/components/BugTitleForm/.BugTitleForm.tsx.swp | 0 
webui/src/components/BugTitleForm/BugTitleForm.tsx      | 4 ++++
webui/src/pages/list/ListQuery.tsx                      | 4 ++--
3 files changed, 6 insertions(+), 2 deletions(-)

Detailed changes

webui/src/components/BugTitleForm/BugTitleForm.tsx 🔗 

@@ -49,6 +49,9 @@ const useStyles = makeStyles((theme) => ({
     backgroundColor: theme.palette.success.main,
     color: theme.palette.success.contrastText,
   },
+  saveButton: {
+    marginRight: theme.spacing(1),
+  },
 }));
 
 interface Props {
@@ -117,6 +120,7 @@ function BugTitleForm({ bug }: Props) {
         />
         <div className={classes.editButtonContainer}>
           <Button
+            className={classes.saveButton}
             size="small"
             variant="contained"
             type="submit"

webui/src/pages/list/ListQuery.tsx 🔗 

@@ -112,7 +112,7 @@ const useStyles = makeStyles<Theme, StylesProps>((theme) => ({
       padding: theme.spacing(2, 3),
     },
   },
-  newIssueButton: {
+  greenButton: {
     backgroundColor: theme.palette.success.main,
     color: theme.palette.success.contrastText,
   },
@@ -315,7 +315,7 @@ function ListQuery() {
         <IfLoggedIn>
           {() => (
             <Button
-              className={classes.newIssueButton}
+              className={classes.greenButton}
               variant="contained"
               href="/new"
             >