Jgrowl box text

The text inside the box is 'broken', as you can see on the screenshot: http://image.prntscr.com/image/9dd74d17a...1cfec9.png

The: a
s

I guess thats the same with other messages that appear trough jgrowl, i remember there was another plugin you made using jgrow withl lots of messages that had this issue.

Can this be fixed somehow?

Ok so this depends on your button styling rather than jGrowl itself. Buttons float by default and this causes text to be divided if it's too long.

To solve this once for all, add this rule to the end of your global.css file:

.jGrowl-notification .jGrowl-message {
    word-break: normal
} 

This should prevent text from being disrupted.

I believe this is a styling issue with jGrowl and not the plugin itself. A fix would be as easy as a CSS line, but I am unsure about what's causing it and I will check it out.

Ok, let me know when you found anything.
Thanks.

Sure thing.

Just wondering, isn't it possible make the box bigger like by css, it wouldn't break it then, would it?

Yes you can. I guess its CSS is located into global.css, but I'm currently not at home so I can't really tell.

Hust to clear this up - this is not a Drafts AutoSave 1.1 issue but a jGrowl one.

Yes, its there, thank you.

.jGrowl-notification {
  width: 250px;
} 

You can also move this thread out of here when its related to jgrowl only.

Ok so this depends on your button styling rather than jGrowl itself. Buttons float by default and this causes text to be divided if it's too long.

To solve this once for all, add this rule to the end of your global.css file:

.jGrowl-notification .jGrowl-message {
    word-break: normal
} 

This should prevent text from being disrupted.

Thank you, works fine now. :)