Update CSS overrides to allow for better line-length truncation inside the devices

[0aveRyan]

For various alignment reasons, message bodies are getting set to fit-content, however sometimes this breaks nice sizing handled by the salesforce chat components. This hack was necessary for spacing and alignments inside the devices. This should get scoped down and tested so it at least doesn't affect the default styles without devices.

Related: https://github.com/picturepan2/devices.css/issues/6#issuecomment-515136069

[Naephus]

Hey ! Love the extension, I'm using it on my blog.

I've seen trouble with Microsoft Edge related to fit-content tag, columns were very small (31px) and unreadable. I fixed it for now by customizing the file chatterbox-style.css with the following code :

.wp-block-chatterbox-message .slds-chat-message__text { font-size: 16px; }

Basically I removed the max-width: fit-content tag, and it worked.

Cheers