From 9d5b9f84150d46d268a872a073e2de0dc948b1d3 Mon Sep 17 00:00:00 2001 From: Divyesh Patel Date: Thu, 19 Sep 2024 14:17:41 +0530 Subject: [PATCH] Improved note cards design (#7129) Fixes #7120 - Removed margin according to design - Increased card content padding from 8px to 16px ![image](https://github.com/user-attachments/assets/bf1b2be4-7176-4af1-bad0-7e7f159b57c2) --- .../src/modules/activities/notes/components/NoteCard.tsx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/packages/twenty-front/src/modules/activities/notes/components/NoteCard.tsx b/packages/twenty-front/src/modules/activities/notes/components/NoteCard.tsx index c5c40761b..22879b117 100644 --- a/packages/twenty-front/src/modules/activities/notes/components/NoteCard.tsx +++ b/packages/twenty-front/src/modules/activities/notes/components/NoteCard.tsx @@ -28,8 +28,9 @@ const StyledCardDetailsContainer = styled.div` gap: ${({ theme }) => theme.spacing(2)}; height: calc(100% - 45px); justify-content: start; - padding: ${({ theme }) => theme.spacing(2)}; - width: calc(100% - ${({ theme }) => theme.spacing(4)}); + padding: ${({ theme }) => theme.spacing(4)}; + width: calc(100% - ${({ theme }) => theme.spacing(8)}); + box-sizing: border-box; `; const StyledNoteTitle = styled.div` @@ -41,7 +42,6 @@ const StyledCardContent = styled.div` align-self: stretch; color: ${({ theme }) => theme.font.color.secondary}; line-break: anywhere; - margin-top: ${({ theme }) => theme.spacing(2)}; overflow: hidden; text-overflow: ellipsis; white-space: pre-line;