Menubar anchor target

[DanWebb]

Makes anchors fill the whole tab so that both the background and text is clickable.

Additional fix to make tabs fill the height of the menubar inner div to stop this kind of thing happening...

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[github-actions]

🦙 MegaLinter status: ✅ SUCCESS

Descriptor	Linter	Files	Fixed	Errors	Elapsed time
✅ CSS	stylelint	1		0	1.19s
✅ EDITORCONFIG	editorconfig-checker	1		0	0.01s
✅ REPOSITORY	checkov	yes		no	20.47s
✅ REPOSITORY	gitleaks	yes		no	6.71s
✅ REPOSITORY	git_diff	yes		no	0.02s
✅ REPOSITORY	secretlint	yes		no	1.47s
✅ REPOSITORY	trivy-sbom	yes		no	3.22s
✅ REPOSITORY	trufflehog	yes		no	6.31s

See detailed report in MegaLinter reports
Set VALIDATE_ALL_CODEBASE: true in mega-linter.yml to validate all sources, not only the diff

MegaLinter is graciously provided by

[Copilot]

Pull Request Overview

This PR improves the clickability of menubar tabs by making anchor elements fill the entire tab area, and fixes height issues to ensure tabs properly fill the menubar's inner div.

Key Changes:

• Made anchor elements fill the entire tab area using flexbox properties and 100% height/width
• Added height: 100% to tab-inner to prevent layout gaps
• Conditionally removed padding from tab-inner when it contains an anchor to prevent double padding

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[DanWebb]

🎉 This issue has been resolved in version 9.3.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀