diff --git a/frontend/src/component/changeRequest/ProjectChangeRequests/ChangeRequestsTabs/ChangeRequestsTabs.styles.ts b/frontend/src/component/changeRequest/ProjectChangeRequests/ChangeRequestsTabs/ChangeRequestsTabs.styles.ts index 151be3ca19..a1ec90f58a 100644 --- a/frontend/src/component/changeRequest/ProjectChangeRequests/ChangeRequestsTabs/ChangeRequestsTabs.styles.ts +++ b/frontend/src/component/changeRequest/ProjectChangeRequests/ChangeRequestsTabs/ChangeRequestsTabs.styles.ts @@ -5,7 +5,7 @@ export const useStyles = makeStyles()(theme => ({ padding: theme.spacing(0, 4), }, bodyClass: { - padding: theme.spacing(4), + padding: theme.spacing(2, 4, 4, 4), overflowX: 'auto', }, })); diff --git a/frontend/src/component/changeRequest/ProjectChangeRequests/ChangeRequestsTabs/ChangeRequestsTabs.tsx b/frontend/src/component/changeRequest/ProjectChangeRequests/ChangeRequestsTabs/ChangeRequestsTabs.tsx index 824536ee3b..b48cf0a493 100644 --- a/frontend/src/component/changeRequest/ProjectChangeRequests/ChangeRequestsTabs/ChangeRequestsTabs.tsx +++ b/frontend/src/component/changeRequest/ProjectChangeRequests/ChangeRequestsTabs/ChangeRequestsTabs.tsx @@ -8,7 +8,8 @@ import { } from 'component/common/Table'; import { SortingRule, useSortBy, useTable } from 'react-table'; import { SearchHighlightProvider } from 'component/common/Table/SearchHighlightContext/SearchHighlightContext'; -import { styled, Tab, Tabs, useMediaQuery } from '@mui/material'; +import { styled, Tab, Tabs, Box, useMediaQuery } from '@mui/material'; +import { Link } from 'react-router-dom'; import { sortTypes } from 'utils/sortTypes'; import { useEffect, useMemo, useState } from 'react'; import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender'; @@ -52,6 +53,12 @@ const StyledTabButton = styled(Tab)(({ theme }) => ({ }, })); +const ConftigurationLinkBox = styled(Box)(({ theme }) => ({ + textAlign: 'right', + paddingBottom: theme.spacing(2), + fontSize: theme.fontSizes.smallBody, +})); + export const ChangeRequestsTabs = ({ changeRequests = [], loading, @@ -282,6 +289,11 @@ export const ChangeRequestsTabs = ({ /> } > + + + Change request configuration + +