diff --git a/packages/twenty-front/src/modules/activities/timeline-activities/components/EventRow.tsx b/packages/twenty-front/src/modules/activities/timeline-activities/components/EventRow.tsx index 3307a0d26ef..fef56803d98 100644 --- a/packages/twenty-front/src/modules/activities/timeline-activities/components/EventRow.tsx +++ b/packages/twenty-front/src/modules/activities/timeline-activities/components/EventRow.tsx @@ -63,11 +63,6 @@ const StyledVerticalLine = styled.div` `; const StyledSummary = styled.summary` - align-items: center; - display: flex; - flex: 1; - flex-direction: row; - gap: ${themeCssVariables.spacing[1]}; width: 100%; `; diff --git a/packages/twenty-front/src/modules/activities/timeline-activities/rows/components/EventCard.tsx b/packages/twenty-front/src/modules/activities/timeline-activities/rows/components/EventCard.tsx index 274bb6b1429..44ff7a0538e 100644 --- a/packages/twenty-front/src/modules/activities/timeline-activities/rows/components/EventCard.tsx +++ b/packages/twenty-front/src/modules/activities/timeline-activities/rows/components/EventCard.tsx @@ -12,12 +12,13 @@ const StyledCardContainer = styled.div` flex-direction: column; flex-grow: 1; gap: ${themeCssVariables.spacing[2]}; + max-width: 400px; padding: ${themeCssVariables.spacing[2]} 0px ${themeCssVariables.spacing[1]} 0px; - width: 400px; + width: 100%; @media (max-width: ${MOBILE_VIEWPORT}px) { - width: 300px; + max-width: 300px; } `; @@ -32,6 +33,7 @@ const StyledCardInnerContainer = styled.div` flex-direction: column; gap: ${themeCssVariables.spacing[2]}; justify-content: center; + overflow: hidden; padding: ${themeCssVariables.spacing[2]}; `; diff --git a/packages/twenty-front/src/modules/activities/timeline-activities/rows/message/components/EventCardMessage.tsx b/packages/twenty-front/src/modules/activities/timeline-activities/rows/message/components/EventCardMessage.tsx index 0ceb363ccb6..369afbc4e3b 100644 --- a/packages/twenty-front/src/modules/activities/timeline-activities/rows/message/components/EventCardMessage.tsx +++ b/packages/twenty-front/src/modules/activities/timeline-activities/rows/message/components/EventCardMessage.tsx @@ -17,7 +17,8 @@ const StyledEventCardMessageContainer = styled.div<{ canOpen?: boolean }>` cursor: ${({ canOpen }) => (canOpen ? 'pointer' : 'not-allowed')}; display: flex; flex-direction: column; - width: 380px; + max-width: 380px; + width: 100%; `; const StyledEmailContent = styled.div` diff --git a/packages/twenty-front/src/pages/object-record/RecordShowPageHeader.tsx b/packages/twenty-front/src/pages/object-record/RecordShowPageHeader.tsx index 4f7a5e2ac2c..155e512c2f8 100644 --- a/packages/twenty-front/src/pages/object-record/RecordShowPageHeader.tsx +++ b/packages/twenty-front/src/pages/object-record/RecordShowPageHeader.tsx @@ -26,7 +26,7 @@ export const RecordShowPageHeader = ({ }