From 2e962f8e0e3299be51ca68dd6c5cb62b4c1cdb5d Mon Sep 17 00:00:00 2001 From: Vardhaman Bhandari <97441447+Vardhaman619@users.noreply.github.com> Date: Thu, 3 Oct 2024 01:52:45 +0530 Subject: [PATCH] Vertically center Kanban card titles in compact mode (#7391) This PR addresses the issue of[ Kanban card titles not being vertically centered in compact mode](https://github.com/twentyhq/twenty/issues/7385). The following changes have been made: Updated CSS styles to ensure that titles are properly aligned vertically within their respective cards when in compact mode. Enhanced overall readability and aesthetics of the Kanban board. #7385 ![after-fix](https://github.com/user-attachments/assets/0d88d3c9-5f41-42de-a7a6-9434fd65bd38) Co-authored-by: Nitin Koche --- .../record-board-card/components/RecordBoardCard.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/twenty-front/src/modules/object-record/record-board/record-board-card/components/RecordBoardCard.tsx b/packages/twenty-front/src/modules/object-record/record-board/record-board-card/components/RecordBoardCard.tsx index 4bfb9f255..af4243f07 100644 --- a/packages/twenty-front/src/modules/object-record/record-board/record-board-card/components/RecordBoardCard.tsx +++ b/packages/twenty-front/src/modules/object-record/record-board/record-board-card/components/RecordBoardCard.tsx @@ -86,7 +86,7 @@ export const StyledBoardCardHeader = styled.div<{ font-weight: ${({ theme }) => theme.font.weight.medium}; height: 24px; padding-bottom: ${({ theme, showCompactView }) => - theme.spacing(showCompactView ? 0 : 1)}; + theme.spacing(showCompactView ? 2 : 1)}; padding-left: ${({ theme }) => theme.spacing(2)}; padding-right: ${({ theme }) => theme.spacing(2)}; padding-top: ${({ theme }) => theme.spacing(2)};