fixed some padding on <PropertyBox> and StyledPropertyBox

harshit078 · Nov 4, 2024 · 43e34bb · 43e34bb
1 parent c582588
commit 43e34bb
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/...ront/src/modules/object-record/record-inline-cell/property-box/components/PropertyBox.tsx b/...ront/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/...cord/record-show/record-detail-section/components/RecordDetailRelationRecordsListItem.tsx b/...cord/record-show/record-detail-section/components/RecordDetailRelationRecordsListItem.tsx
@@ -65,8 +65,9 @@ const StyledListItem = styled(RecordDetailRecordsListItem)<{
 const StyledPropertyBox = styled(PropertyBox)`
   align-items: flex-start;
   display: flex;
-  padding-left: ${({ theme }) => theme.spacing(0.5)};
-  padding-top: ${({ theme }) => theme.spacing(2)};
+  padding-left: ${({ theme }) => theme.spacing(0)};
+  padding-top: ${({ theme }) => theme.spacing(1)};
+  padding-right: ${({ theme }) => theme.spacing(0)};
 `;
 
 const StyledClickableZone = styled.div`