Support custom CSS classes for backend form interface and add unique identifier for interfaces

Summary The backend form is hard to customize. For example if you want to create a two column layout. Targeting individual fields in the backend form is not possible since there is, first of all no unique class name and no way to add custom classes. With this feature one could modify the grid templates and move individual fields around as you please. Here is an example of a dropdown generated by Directus: Notice how there is not a unique class or id to allow for targeting with CSS styling. The only unique reference is buried deep inside a nested div: But if you want to move this interface you want to have the entire interface. Targeting upwards from the unique identifier is not a good solution. There should be a unique identifier already at the top div of this interface. Basic Example Add unique identifier at the top div for each interface type. Example: Secondly the interface settings for each field could have support for custom CSS classes which will…