Layout issues with Quality Report inspector
Following on from !271 (merged), a few layout issues with the Quality Report inspector:
-
The icons should be aligned vertically alongside the text for each item (use display: flex; align-items: center
):
-
When a section is collapsed the divider line underneath it isn't visible - use the existing InspectorSection
component. -
The contents should fill the width of the inspector when it's resized, instead of being a fixed width (this might be fixed by using the InspectorSection
component, already). -
Sometimes the title displayed (from the SectionCategory) doesn't match the actual section title, which can be a bit confusing. If there's a section _id
in the validation data it would be better to display the actual section title.
Edited by Feryal Sakkijha