Race & Ethnicities (Playtesting Followup): Group Races by Ethnicities in Data Entry Publish Confirmation

[mxosman]

Description of the change

Cleans up the Data Entry Publish Confirmation rendering of the Race & Ethnicities dimensions by grouping the dimensions by ethnicity w/ respective headers.

The disaggregation headers are already an incredibly small font size and I couldn't reasonably go smaller for the ethnicity headers - so I opted to keep them the same size but with a grey font color. Not sure if it's clear or confusing - would love some design help or your ideas if unclear.

Demo:

Screen.Recording.2022-11-23.at.2.22.08.PM.mov

Related issues

Contributes to #180

Checklists

Development

This box MUST be checked by the submitter prior to merging:

• Double- and triple-checked that there is no Personally Identifiable Information (PII) being mistakenly added in this pull request

These boxes should be checked by the submitter prior to merging:

• Tests have been written to cover the code changed/added as part of this pull request

Code review

These boxes should be checked by reviewers prior to merging:

• This pull request has a descriptive title and information useful to a reviewer
• This pull request has been moved out of a Draft state, has no "Work In Progress" label, and has assigned reviewers
• Potential security implications or infrastructural changes have been considered, if relevant

[terryttsai]

Good question on the design of this, I wonder if it's worth rendering a grid for this (though that might not be any less confusing)

[lilidworkin]

I think this is a pretty good solution @mxosman ! If you want you can run it by @hobuobi , but this seems fine for now. Agreed with @terryttsai that a grid might make most sense eventually, but doesn't seem highest priority to me.

[mxosman]

Sounds good - thank you both for the feedback. I'll leave as is for now and am happy to update it whenever we decide to style it differently.