Apply Resurface style to content tags and verify that layout works correctly in grid/treetable and form field.

Acceptance criteria:

• Tags are styled as in mockups.
  • in grid https://zpl.io/a3v6G1x
  • in field https://zpl.io/V18ejmk
• Expected tag layout behavior in grid:
  • single line, no wrapping, hide overflow when tags don't fit the column.
    
• Expected tag behavior in a form field:
  • multiline, wrap on overflow, expand field height.
    

Notes

Screenshots above are from Magnolia 5. Styles are different in Magnolia 6!

Current tag style in grid:

.v-widget.tokenfield.tags-column .v-csslayout {
 white-space: nowrap;
 overflow: hidden;