Fixed spacing in mobile secondary nav

What does this MR do?

Instead of doing table-cell on the <li/>'s it uses inline-block to make the spacing a bit nicer. It used to spread across the width which made some weird spacing issues, especially noticeable with the user avatar & the dropdown caret.

Screenshots (if relevant)

Before	After