Inconsistent Tab Layouts on Record Pages

[Bonapara]

Current behavior

The Record pages tab layouts are not consistent:

https://github.com/twentyhq/twenty/assets/19412894/b65c77d5-d33b-48bb-b370-48254af1f732

Desired Behavior

The padding should be consistent: Check values on Figma The font used should be H3: Check on Figma

https://www.figma.com/design/xt8O9mFeLl46C5InWwoMrN/Twenty?node-id=14921-60484&t=jqRWyAJosBHzOW0I-11

[greptile-apps[bot]]

To resolve the inconsistent tab layouts on Record pages:

1. Update Padding:

   • Locate the relevant components in src/components/RecordTabs.js.
   • Adjust the padding values to match those specified in the Figma design.

     const TabContainer = styled.div`
     padding: 16px; // Update this value as per Figma
     `;

2. Update Font:

   • Ensure the font used is H3 in the same file or relevant CSS/Styled-Components.

     const TabTitle = styled.h3`
     font-size: 1.5em; // Ensure this matches H3 specifications from Figma
     font-family: 'YourFontFamily';
     `;

Refer to the Figma design for exact values and ensure all instances are updated accordingly.

References