The new field UI for adding fields is very similar to this module's layout. With some fairly minor styling changes, it could be aligned to provide a more seamless experience.
Update the layout and styles to broadly match the add field UI. This would basically mean moving the icon into a shaded box on the left and moving the star to the right side, out of the shaded area. (Currently the star outline is really difficult to see. Also, the description text lacks sufficient contrast for WCAG AA.) Also the text size could be reduced slightly.
The list UI might need a bit more consideration as the thumbnail creates more vertical space.
Field UI in Claro:
Type tray grid UI:
✅
Create a mockup of the necessary changes
Apply updated styles
TBC
Active
1.0
User interface
I agree this is a good idea, at least for the grid view, where I think just trying to adjust the CSS to have a closer look to what core provides would be beneficial.
For the list view, maybe someone with design expertise could possibly help us come up with a solution that is aligned with the grid view, but accomodates both the thumbnail and a possible longer description text as well.
Thanks!