diff --git a/frontend/src/component/changeRequest/ChangeRequests/ChangeRequests.tsx b/frontend/src/component/changeRequest/ChangeRequests/ChangeRequests.tsx index c7656dfa4c..62f2a1a414 100644 --- a/frontend/src/component/changeRequest/ChangeRequests/ChangeRequests.tsx +++ b/frontend/src/component/changeRequest/ChangeRequests/ChangeRequests.tsx @@ -1,5 +1,5 @@ import { useId, useMemo } from 'react'; -import { Box } from '@mui/material'; +import { Box, styled } from '@mui/material'; import { PageContent } from 'component/common/PageContent/PageContent'; import { PageHeader } from 'component/common/PageHeader/PageHeader'; import { PaginatedTable, TablePlaceholder } from 'component/common/Table'; @@ -36,6 +36,14 @@ import { useAuthUser } from 'hooks/api/getters/useAuth/useAuthUser.js'; const columnHelper = createColumnHelper(); +const StyledPaginatedTable = styled( + PaginatedTable, +)(() => ({ + td: { + verticalAlign: 'top', + }, +})); + const ChangeRequestsInner = () => { const { user } = useAuthUser(); const urlParams = new URLSearchParams(window.location.search); @@ -204,7 +212,10 @@ const ChangeRequestsInner = () => { className={themeStyles.fullwidth} ref={bodyLoadingRef} > - + {data.length === 0 && !loading ? ( ({ padding: theme.spacing(1, 3, 3) })}> diff --git a/frontend/src/component/common/Table/PaginatedTable/PaginatedTable.tsx b/frontend/src/component/common/Table/PaginatedTable/PaginatedTable.tsx index dbdc5a2afb..7a700949e9 100644 --- a/frontend/src/component/common/Table/PaginatedTable/PaginatedTable.tsx +++ b/frontend/src/component/common/Table/PaginatedTable/PaginatedTable.tsx @@ -53,9 +53,11 @@ const TableContainer = styled('div')(({ theme }) => ({ * Use with react-table v8 */ export const PaginatedTable = ({ + className, totalItems, tableInstance, }: { + className?: string; tableInstance: TableType; totalItems?: number; }) => { @@ -76,7 +78,7 @@ export const PaginatedTable = ({ return ( <> - +
{tableInstance.getHeaderGroups().map((headerGroup) => (