UI - Updates to framework for Individual Form

[mstanton1]

• Individual's Details becomes a section header and address label and birthdate label move to the left (instead of on top)
• Tax Details section is removed and Canada Revenue Agency (CRA) Tax Number and Tax Residency label are moved to the left in the Individual's Details section
• Spacing between sections is adjusted so there is slightly more space between completely distinct sections, versus smaller spaces when the details are similar in nature (details in design). 40 pixels between discrete sections, 20 pixels between related sections, border or 1 pixel break between pieces within a section such as between birthdate, citizenship / permanent residency, cra tax number etc.

Figma: https://www.figma.com/file/4oi1IWHe0DmbY8EZk3Srs3/Add%2Fedit-SI?type=design&node-id=200%3A10521&mode=design&t=5phLqqfvNcYyqrWk-1

[J-Baese]

@hfekete couple of spacing issues with the section headers (in general) - it's feeling a bit tight, can we make the spacing like this?:

And then with the larger sections that have a header the corners of the white box should be rounded at the top but then no radius in the subsequent inner sections until the bottom

[J-Baese]

@hfekete just noticed this weird spacing happening also with the button running into the top of the form:

And i assume that the date of significance will get moved when you update that component?

[gunanagar]

Tested in Test Environment @hfekete There are couple of text mismatching in UI which is listed below. 1.Place holder text in email address field is not as per the design

Design

2.Address label text is not as per the design

Design

3. Canada Revenue agency label is not moved to left as per the design

   Design

   

[hfekete]

Texts will be updated in the #20840 as they were being changed while the tickets were being worked on. If you dont mind adding discrepancies to the mentioned ticket that would be great !! Thank you!

[gunanagar]

Updated into ticket #20840. Closing this ticket