3961-Notes-Relation-Field (#3965)

* Label fix

* Remove semicolumn

* Fix broken layout

---------

Co-authored-by: Charles Bochet <charles@twenty.com>

packages/twenty-front/src/modules/activities/inline-cell/components/ActivityTargetsInlineCell.tsx

@@ -39,6 +39,7 @@ export const ActivityTargetsInlineCell = ({
           scope: ActivityEditorHotkeyScope.ActivityTargets,
         }}
         IconLabel={IconArrowUpRight}
+        showLabel={true}
         editModeContent={
           <ActivityTargetInlineCellEditMode
             activity={activity}

packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellContainer.tsx

@@ -62,7 +62,7 @@ const StyledClickableContainer = styled.div`
 const StyledInlineCellBaseContainer = styled.div`
   align-items: center;
   box-sizing: border-box;
-
+  width: 100%;
   display: flex;
 
   gap: ${({ theme }) => theme.spacing(1)};
@@ -141,7 +141,7 @@ export const RecordInlineCellContainer = ({
       onMouseEnter={handleContainerMouseEnter}
       onMouseLeave={handleContainerMouseLeave}
     >
-      {(!!IconLabel || !!label) && (
+      {(IconLabel || label) && (
         <StyledLabelAndIconContainer id={labelId}>
           {IconLabel && (
             <StyledIconContainer>
@@ -160,7 +160,7 @@ export const RecordInlineCellContainer = ({
               content={label}
               clickable
               noArrow
-              place="left"
+              place="bottom"
               positionStrategy="fixed"
             />
           )}

packages/twenty-front/src/modules/ui/layout/show-page/components/ShowPageSummaryCard.tsx

@@ -47,7 +47,6 @@ const StyledTitle = styled.div`
   font-size: ${({ theme }) => theme.font.size.xl};
   font-weight: ${({ theme }) => theme.font.weight.semiBold};
   justify-content: center;
-  width: 100%;
 `;
 
 const StyledTooltip = styled(Tooltip)`