diff --git a/packages/twenty-front/src/modules/object-record/record-inline-cell/property-box/components/PropertyBox.tsx b/packages/twenty-front/src/modules/object-record/record-inline-cell/property-box/components/PropertyBox.tsx index 2750351e5..6da09af20 100644 --- a/packages/twenty-front/src/modules/object-record/record-inline-cell/property-box/components/PropertyBox.tsx +++ b/packages/twenty-front/src/modules/object-record/record-inline-cell/property-box/components/PropertyBox.tsx @@ -12,6 +12,7 @@ export const StyledPropertyBoxContainer = styled.div` flex-direction: column; gap: ${({ theme }) => theme.spacing(2)}; padding: ${({ theme }) => theme.spacing(3)}; + padding-right: ${({ theme }) => theme.spacing(2)}; `; export const PropertyBox = ({ children, className }: PropertyBoxProps) => ( diff --git a/packages/twenty-front/src/modules/object-record/record-show/record-detail-section/components/RecordDetailRelationRecordsListItem.tsx b/packages/twenty-front/src/modules/object-record/record-show/record-detail-section/components/RecordDetailRelationRecordsListItem.tsx index 899c0ddd3..3d51e9d38 100644 --- a/packages/twenty-front/src/modules/object-record/record-show/record-detail-section/components/RecordDetailRelationRecordsListItem.tsx +++ b/packages/twenty-front/src/modules/object-record/record-show/record-detail-section/components/RecordDetailRelationRecordsListItem.tsx @@ -62,6 +62,14 @@ const StyledListItem = styled(RecordDetailRecordsListItem)<{ } `; +const StyledPropertyBox = styled(PropertyBox)` + align-items: flex-start; + display: flex; + padding-left: ${({ theme }) => theme.spacing(0)}; + padding-top: ${({ theme }) => theme.spacing(1)}; + padding-right: ${({ theme }) => theme.spacing(0)}; +`; + const StyledClickableZone = styled.div` align-items: center; cursor: pointer; @@ -233,7 +241,7 @@ export const RecordDetailRelationRecordsListItem = ({ )} - + {availableRelationFieldMetadataItems.map( (fieldMetadataItem, index) => ( ), )} - + );