Make the messaging portlet more clearly

• Type: Story
• Status: Open
• Priority: Minor
• Resolution: Unresolved
• Affects Version/s: 3.1.1 EE
• Fix Version/s: None
• Component/s: Social Office Dashboard, Social Office Dashboard > Messages
• Labels: None

The messaging portlet could be clearer, because there is a lot of space where you can use.
Now it is very difficult to read a message on a wide screen monitor, because the message using the whole width.
Make the look similar to this example of SennaJS (screenshot-1.png)
So the message don't using the whole monitor width anymore, the messaging area is also very clean and you can change very quickly a message without having to go back.

Live Demo:
http://sennajs.com/examples/email/