Migrate Message UI breaks with long content

Noticed that message classes being output in 5th column probably should be on row and it would also be good to have a couple more utility classes available to help style this including "info" and "notice"

Ok the patch above adds some styling around the use of messages and adds support for message--info and message--notice class.

With this core patch we have the following notices

1. status - green
2. warning -amber
3. error - red
4. info - blue
5. notice - bluegrey

added screenshot with effect of word-break-break all on table

Ok changes to table formatting seem to also sgtem from claro. Will try and raise another issue for that first.

Screenshots also show affect of setting min-width on th and also vertical align top on td

Uploaded patches

Uploaded screenshot of how table looks with these 3 patches (1 here and 2 claro dependencies)

Now it's much easier to see what is happening see attached screen shot.