fix(style): update the buttons of the example tabs to be displayed as links

[dhenneke]

Description

#7464 changed the tabs in the example section from links to buttons to improve the accessibility. This PR changes the styles of the buttons so they look like the old links:

Before

After

Checklist

My PR contains...

• No code changes (src/ is unmodified: changes to documentation, CI, metadata, etc.)
• Dependency changes (any modification to dependencies in package.json)
• Bug fixes (non-breaking change which fixes an issue)
• Improvements (misc. changes to existing features)
• Features (non-breaking change which adds functionality)

My changes...

• are breaking changes to a public API (config options, System API, major UI change, etc).
• are breaking changes to a private API (Redux, component props, utility functions, etc.).
• are breaking changes to a developer API (npm script behavior changes, new dev system dependencies, etc).
• are not breaking changes.

Documentation

• My changes do not require a change to the project documentation.
• My changes require a change to the project documentation.
• If yes to above: I have updated the documentation accordingly.

Automated tests

• My changes can not or do not need to be tested.
• My changes can and should be tested by unit and/or integration tests.
• If yes to above: I have added tests to cover my changes.
• If yes to above: I have taken care to cover edge cases in my tests.
• All new and existing tests passed.

[char0n]

please build

[char0n]

@dhenneke Thanks!

I've tested this manually before it went to master, but unfortunately I didn't use "Incognito Window" to eliminate all cached files. Glad we have you to spot it and fix it in no time ;]

[char0n]

I'm afraid this change is not enough. The black accent of the font is much stronger than it was before. Needs to investigate further and have buttons look exactly like a links.

This is how it used to look like:

[dhenneke]

I assume that the color is not propagated to the button:

[dhenneke]

Yep. When I add the color it looks better:

Without color

With color

[char0n]

LGTM. Thanks for contributing! Have a look at my last comment regarding making the button selector more specific

[char0n]

Tested in incognito window now to verify regression is gone ;]

[char0n]

Thanks again!