Announcement line wrapping overflow

[hchiam]

https://github.com/alan-mj-lin/Sporeas/issues/51#issuecomment-596154530

Before:

• Extra empty lines actually came from the Selenium test recording (whoops).
• When you have 1 item, it spills off screen.

After:

• Using CSS border-left instead of | string characters.
• If there's only English xor Chinese, then the description takes up the whole width (no wrapping): e.g., the youtube link.
• The key fix for the 1 item spilling off screen: width: inherit;

[alan-mj-lin]

This implementation is looks the most promising by far. Good work man. I'll merge it in.

[alan-mj-lin]

@hchiam I'll leave it to you to delete