fix: small ui fixes related to groups and tooltips (#1167)

frontend/src/component/admin/groups/Group/Group.tsx

@@ -132,13 +132,7 @@ export const Group: VFC = () => {
                 align: 'center',
                 Cell: ({ row: { original: rowUser } }: any) => (
                     <ActionCell>
-                        <Tooltip
+                        <Tooltip title="Edit user" arrow describeChild>
-                            title="Edit user"
-                            arrow
-                            placement="bottom-end"
-                            describeChild
-                            enterDelay={1000}
-                        >
                             <IconButton
                                 onClick={() => {
                                     setSelectedUser(rowUser);
@@ -151,9 +145,7 @@ export const Group: VFC = () => {
                         <Tooltip
                             title="Remove user from group"
                             arrow
-                            placement="bottom-end"
                             describeChild
-                            enterDelay={1000}
                         >
                             <IconButton
                                 onClick={() => {

frontend/src/component/admin/groups/GroupForm/GroupForm.tsx

@@ -24,6 +24,10 @@ const StyledInput = styled(Input)(({ theme }) => ({
     marginBottom: theme.spacing(2),
 }));
 
+const StyledGroupFormUsersTableWrapper = styled('div')(({ theme }) => ({
+    marginBottom: theme.spacing(6),
+}));
+
 const StyledButtonContainer = styled('div')(() => ({
     marginTop: 'auto',
     display: 'flex',
@@ -101,10 +105,12 @@ export const GroupForm: FC<IGroupForm> = ({
                             users={users}
                             setUsers={setUsers}
                         />
-                        <GroupFormUsersTable
+                        <StyledGroupFormUsersTableWrapper>
-                            users={users}
+                            <GroupFormUsersTable
-                            setUsers={setUsers}
+                                users={users}
-                        />
+                                setUsers={setUsers}
+                            />
+                        </StyledGroupFormUsersTableWrapper>
                     </>
                 }
             />

frontend/src/component/admin/groups/GroupForm/GroupFormUsersTable/GroupFormUsersTable.tsx

@@ -83,9 +83,7 @@ export const GroupFormUsersTable: VFC<IGroupFormUsersTableProps> = ({
                         <Tooltip
                             title="Remove user from group"
                             arrow
-                            placement="bottom-end"
                             describeChild
-                            enterDelay={1000}
                         >
                             <IconButton
                                 onClick={() =>

frontend/src/component/admin/groups/GroupsList/GroupCard/GroupCard.tsx

@@ -102,11 +102,9 @@ export const GroupCard = ({ group }: IGroupCardProps) => {
                                 ))}
                                 elseShow={
                                     <Tooltip
-                                        title="This project is not used in any project"
+                                        title="This group is not used in any project"
                                         arrow
-                                        placement="bottom-end"
                                         describeChild
-                                        enterDelay={1000}
                                     >
                                         <Badge>Not used</Badge>
                                     </Tooltip>

frontend/src/component/admin/groups/GroupsList/GroupCard/GroupCardActions/GroupCardActions.tsx

@@ -52,13 +52,7 @@ export const GroupCardActions: FC<IGroupCardActions> = ({
                 e.stopPropagation();
             }}
         >
-            <Tooltip
+            <Tooltip title="Group actions" arrow describeChild>
-                title="Group actions"
-                arrow
-                placement="bottom-end"
-                describeChild
-                enterDelay={1000}
-            >
                 <IconButton
                     id={id}
                     aria-controls={open ? menuId : undefined}

frontend/src/component/project/Project/ProjectFeatureToggles/ActionsCell/ActionsCell.tsx

@@ -59,13 +59,7 @@ export const ActionsCell: VFC<IActionsCellProps> = ({
 
     return (
         <Box className={classes.cell}>
-            <Tooltip
+            <Tooltip title="Feature toggle actions" arrow describeChild>
-                title="Feature toggle actions"
-                arrow
-                placement="bottom-end"
-                describeChild
-                enterDelay={1000}
-            >
                 <IconButton
                     id={id}
                     aria-controls={open ? menuId : undefined}

frontend/src/component/project/ProjectAccess/ProjectGroupView/ProjectGroupView.tsx

@@ -23,6 +23,7 @@ import { sortTypes } from 'utils/sortTypes';
 
 const StyledPageContent = styled(PageContent)(({ theme }) => ({
     height: '100vh',
+    overflow: 'auto',
     padding: theme.spacing(7.5, 6),
     '& .header': {
         padding: theme.spacing(0, 0, 2, 0),