diff --git a/src/app/patient-summary/components/generics/DetailedTable.tsx b/src/app/patient-summary/components/generics/DetailedTable.tsx index 2187f4b..850030d 100644 --- a/src/app/patient-summary/components/generics/DetailedTable.tsx +++ b/src/app/patient-summary/components/generics/DetailedTable.tsx @@ -6,6 +6,7 @@ import { TableRow, TableCell, TableBody, + styled, } from '@mui/material'; import { ArrayCaption } from '@/app/components/typography/ArrayCaption'; @@ -13,6 +14,11 @@ import { IResourceType } from '@/types/fhir.types'; import { tableConfig } from './resource.types'; +export const StyledTableCell = styled(TableCell)(() => ({ + width: 0, + minWidth: '120px', +})); + export const DetailedTable = ({ title, columns, diff --git a/src/app/patient-summary/components/resources/AllergyIntolerance/index.tsx b/src/app/patient-summary/components/resources/AllergyIntolerance/index.tsx index 0916f82..4fcc111 100644 --- a/src/app/patient-summary/components/resources/AllergyIntolerance/index.tsx +++ b/src/app/patient-summary/components/resources/AllergyIntolerance/index.tsx @@ -1,8 +1,9 @@ -import { TableRow, TableCell } from '@mui/material'; +import { TableRow } from '@mui/material'; import React from 'react'; import { EResourceType, TType } from '@/types/fhir.types'; +import { StyledTableCell } from '../../generics/DetailedTable'; import { TRow, TTabProps } from '../../generics/resource.types'; import { TabSection } from '../../generics/TabSection'; @@ -40,10 +41,10 @@ export const AllergyIntolerance = ( Object.entries(customFields).map(([key, val]) => row[key]?.coding?.map((data, index) => ( - {val} - {data.code} - {data.display} - {data.system} + {val} + {data.code} + {data.display} + {data.system} )), ),