Angular: eg-grid column header text wrapping

[Mike Risher]

eg-grid currently uses column headers that cut off text that doesn't fit in the space provided. When there are a large number of columns and several that start with the same word this could cause confusion. For instance, Local Admin Notifications/Action Triggers has "Processing Delay", "Processing Delay Context Field", "Processing Group Context Field". All 3 are rendering as "Processing..." making it unclear which is which.

Solution: Make column headers wrap, like they do in the old DOJO UIs.

[Mike Risher (mrisher)]

I pushed a branch with the work. I added one line to the CSS, and moved all the eg-grid-header-cell classes lower in the file.

https://git.evergreen-ils.org/?p=working/Evergreen.git;a=shortlog;h=refs/heads/user/mrisher/lp1855931-eg-grid-column-wrap

[Galen Charlton (gmc)]

Signoff pushed to user/gmcharlt/lp1855931_signoff; that branch also includes a follow-up that attempts to keep the filter control grid cells aligned with their corresponding column headers.

[Jane Sandberg (sandbergja)]

Both the original commit and the follow-up work well for me. Pushed to master and rel_3_4. Thanks, Mike and Galen.