diff --git a/frontend/src/components/Pages/InspectionPage/InspectionTable.tsx b/frontend/src/components/Pages/InspectionPage/InspectionTable.tsx index af306f01d..40b781403 100644 --- a/frontend/src/components/Pages/InspectionPage/InspectionTable.tsx +++ b/frontend/src/components/Pages/InspectionPage/InspectionTable.tsx @@ -25,7 +25,7 @@ const StyledIcon = styled(Icon)` const StyledTable = styled.div` display: grid; - overflow: auto; + overflow-x: auto; @media (max-width: 700px) { width: calc(100vw - 30px); } @@ -224,28 +224,26 @@ export const InspectionTable = ({ deck, inspections, openDialog, setSelectedMiss )) return ( - <> - - - - - {TranslateText('Inspection Missions') + ' ' + TranslateText('for') + ' ' + deck.deckName} - - - - - {columns.map((col) => ( - {TranslateText(col)} - ))} - - - {cellValues} -
-
+ + + + + {TranslateText('Inspection Missions') + ' ' + TranslateText('for') + ' ' + deck.deckName} + + + + + {columns.map((col) => ( + {TranslateText(col)} + ))} + + + {cellValues} +
{isScheduledDialogOpen && ( )} - +
) } @@ -307,31 +305,29 @@ export const AllInspectionsTable = ({ inspections }: ITableProps) => { )) return ( - <> - - - - - {columns.map((col) => ( - {TranslateText(col)} - ))} - - - {cellValues} -
- {isDialogOpen && ( - - )} - {isScheduledDialogOpen && ( - - )} -
- + + + + + {columns.map((col) => ( + {TranslateText(col)} + ))} + + + {cellValues} +
+ {isDialogOpen && ( + + )} + {isScheduledDialogOpen && ( + + )} +
) }