[UI] updated TicketList. AddTicketButton

client/src/components/ProjectTabPanel.tsx

@@ -103,7 +103,7 @@ export const ProjectTabPanel: FC<IProps> = ({
         onChangeIndex={handleChangeIndex}
       >
         <TabPanel value={value} index={0} dir={theme.direction}>
-          <TicketList tickets={tickets} allProjects={[]} addButton={false} />
+          <TicketList tickets={tickets} allProjects={[]} addButton={true} />
         </TabPanel>
         <TabPanel value={value} index={1} dir={theme.direction}>
           <FileList files={files} />

client/src/components/TicketList.tsx

@@ -21,6 +21,10 @@ const useStyles = makeStyles((theme: Theme) =>
     header: {
       paddingBottom: theme.spacing(2),
     },
+    addButton: {
+      position: "relative",
+      marginLeft: "20px",
+    },
   })
 );
 
@@ -77,12 +81,17 @@ export const TicketList: FC<TicketListProps> = ({
         >
           <Typography variant="h4" component="h4">
             Tickets
+            {addButton && (
+              <span className={classes.addButton}>
+                <FloatingButton
+                  color="primary"
+                  size="small"
+                  onClick={onClick}
+                />
+              </span>
+            )}
           </Typography>
 
-          {addButton && (
-            <FloatingButton color="primary" size="small" onClick={onClick} />
-          )}
-
           <FilterBar
             filterText={filterText}
             handleChange={handleChange}