Consider multiple metadata-list segments

[flachware]

@tnajdek I’m wondering if we should slice the metadata-list into several 'groups' for the edit mode on mobiles. Each 'group' could have individual sizing of its two columns to keep the label column as narrow as possible (indicated with the magenta lines).

So instead of one .metadata-list we would have three of them and the rows in each list would be aligned using table or grid styles. But I have concerns in terms of accessibility: once we slice the list there would be no way for screen readers to inform about the total number of list items. Then again, if we don’t slice it there is no way to realize individual label widths.

What’s you stance on this issue?

[flachware]

@tnajdek I believe we should keep the structure as it is at the moment. I think mobile editing is not a top priority and we should simply wait until display: subgrid is available in relevant browsers. If I’m not mistaken, that property will allow us to achieve the layout above without any change to the structure.

For now we can at least specially treat the width of the Item Type label, so it’s just the width of the Creators field labels that still have to be connected to the fields below, but that’s not bad for starters.