[Aesthetics] Chat bubble always same width

[GoogleCodeExporter]

On the chat page, even if only one character is in the bubble, it is the same 
width. I might come up with a solution later on, but if I can't at least this 
issue is here. I'm not sure if you find this important at all, but to me it is 
because my interface needs to be very accurate.

Original issue reported on code.google.com by stephen...@gmail.com on 5 Jul 2012 at 9:14

[GoogleCodeExporter]

Fixed it. If you remove the width:80% from line ~927, it becomes fluid and 
contracts if there is less than a full line of text, and the text aligns right 
automatically as well (for me at least).

Original comment by stephen...@gmail.com on 6 Jul 2012 at 4:06

[GoogleCodeExporter]

Oops: I realize this breaks the ~12% padding on the opposite side of the 
bubble. Working on it.

Original comment by stephen...@gmail.com on 6 Jul 2012 at 4:13

[GoogleCodeExporter]

Fixed: Add 12% padding to the left of "body#chat div.right" and to the right of 
"body#chat div.left".

And I think it's all perfect now.

Original comment by stephen...@gmail.com on 6 Jul 2012 at 4:18