Settings tabs/buttons element UX

[duanemoody]

The Settings dialog has a tabbed interface and 3 buttons but all of these elements are visually links. This patch keeps them as A links but uses CSS to make the tabs obvious and button element wrappers to make the Import/Export/Reset buttons recognizable, leaving the 4chanX/changelog/Issues hyperlinks recognizably links and not something else.
Pipe delimiters have been removed; accessibility solutions should have no difficulty with the semantics of the changes (tabs are already inside a NAV element, BUTTON wrapping A).

[ccd0]

It looks much better, especially the tab part. But it could use some more work to blend in with the Tomorrow theme. And there should be a little space between the buttons and the links. Also it causes the Keybinds tab to disappear, but this can be fixed by removing the links.pop() that was there to remove the final pipe delimiter.

Is there a reason to change them to a BUTTON wrapping A instead of just a BUTTON?

[duanemoody]

Is there a reason to change them to a BUTTON wrapping A instead of just a BUTTON?

Without reading the entire project's source code, I couldn't be sure something wasn't going to look for A.className and break because the element was now BUTTON.className. Same reason I gave the buttons parallel but separate class names.

I'll work on the other issues.