Mockup for vertical composite fields:

• https://app.zeplin.io/project/5acc848ede054e0a4865f805/screen/5e982e431b703e7bf7691760

Mockup for vertical multivalue composite fields:

• https://app.zeplin.io/project/5acc848ede054e0a4865f805/screen/5e982ebe6adca0530717e170

Current issues:

Multivalue fields have some display issues:

• It's hard to see where one item ends and the next one starts. There should be some kind of visual separator/indicator between "Country" and "Street above.
• It's hard to tell what will be deleted if I click on a delete icon. The vertical alignment of the delete icon, could maybe be improved, not sure. It used to be inline with the bottom of the item.
• The vertical alignment of the first field does not match "addresses"
   

There are some additional problems when a composite field includes a multivalue field.

 
"Contact Data" is a composite field which holds "Email", "Phone number" and "Addresses".

• Its hard to understand what is "in" "Addresses". Maybe anything under a composite field should be indented to the right a bit?

(The issue may not be specifically about a composite containing a multivalue, it could be just about anytime a composite includes another composite.)

App and Content files available in light module attached as a zip "content-types-examples".