From d7638a907599bfc9eb0b80c630e6af7c80cb2ec9 Mon Sep 17 00:00:00 2001 From: Thomas des Francs Date: Mon, 12 Jan 2026 18:58:29 +0100 Subject: [PATCH] Fix settings data model tables to take full width and align columns (#17104) ## Summary - Updated Relations and Fields tables in the object detail settings page to use flexible width (`1fr`) for the Name column instead of fixed pixels - Aligned column widths between both tables (`1fr 148px 148px 36px`) so the App and Type/Data type columns line up ## Test plan - [ ] Navigate to Settings > Data model > select any object (e.g., Companies) - [ ] Verify the Relations table rows take the full available width - [ ] Verify the Fields table rows take the full available width - [ ] Verify the App and Type/Data type columns are aligned between both tables --- .../components/SettingsObjectFieldItemTableRow.tsx | 2 +- .../components/SettingsObjectRelationItemTableRow.tsx | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/twenty-front/src/modules/settings/data-model/object-details/components/SettingsObjectFieldItemTableRow.tsx b/packages/twenty-front/src/modules/settings/data-model/object-details/components/SettingsObjectFieldItemTableRow.tsx index 16ce5d8c18..0c1ac997dc 100644 --- a/packages/twenty-front/src/modules/settings/data-model/object-details/components/SettingsObjectFieldItemTableRow.tsx +++ b/packages/twenty-front/src/modules/settings/data-model/object-details/components/SettingsObjectFieldItemTableRow.tsx @@ -37,7 +37,7 @@ type SettingsObjectFieldItemTableRowProps = { }; export const StyledObjectFieldTableRow = styled(TableRow)` - grid-auto-columns: 180px 148px 148px 36px; + grid-template-columns: 1fr 148px 148px 36px; `; const StyledNameTableCell = styled(TableCell)` diff --git a/packages/twenty-front/src/modules/settings/data-model/object-details/components/SettingsObjectRelationItemTableRow.tsx b/packages/twenty-front/src/modules/settings/data-model/object-details/components/SettingsObjectRelationItemTableRow.tsx index 86ac3b5f9d..b9f5cd0c4e 100644 --- a/packages/twenty-front/src/modules/settings/data-model/object-details/components/SettingsObjectRelationItemTableRow.tsx +++ b/packages/twenty-front/src/modules/settings/data-model/object-details/components/SettingsObjectRelationItemTableRow.tsx @@ -26,7 +26,7 @@ type SettingsObjectRelationItemTableRowProps = { }; export const StyledObjectRelationTableRow = styled(TableRow)` - grid-template-columns: 180px 100px 148px 36px; + grid-template-columns: 1fr 148px 148px 36px; `; const StyledNameTableCell = styled(TableCell)`