Fix local nav bar visual elements

[allancole]

This PR changes the square separator to a circular shape and adjusts the default color state for the News link.

Before:

After:

Figma reference:

Note: I replaced the pseudo element square shape with a unicode "bullet" method which requires a few less lines of code. I tried to simply add a border radius, but once that shape got below 3px, the border-radius had no effect.

Fixes: #194

[ryelle]

@shaunandrews This was changed from a bullet to a square in #178 yesterday, can you take a look here?

[shaunandrews]

I reused the CSS I wrote for the current category; I didn't notice it was supposed to be a circle.

I tried to simply add a border radius, but once that shape got below 3px, the border-radius had no effect.

I don't have a strong preference, but this same method is used in a few other places — using the bullet character feels a little less accurate than actually defining the size in pixels of the pseudo-element.

I just tried it and a border-radius works fine for me — I pushed the changes to make sure.