No more hash after the url when clicking Meta Data

When clicking 'Meta Data' the click event appends a # to the URL. I replaced the a with a button element so that won't happen anymore. The button has a type attribute because it will try and submit the form without it.

Added text-align: left to the navlist scss because the button centers it's content by default.

Fixes #4386