Changed top bar styles to fix alignment issues

This is to fix the text alignment issues in the current top bar version. I have changed it to use line-heights rather than paddings to centre the text. also removed the negative margins used on the arrows in the dropdowns so that they use the line-height as the text.