Padding broken aligment at 'menu menu-text a' in top-bar

[douglasimcabral]

What should happen?

Shouldn't break alignment when inserting the html tag 'a' in menu-text menu into a top-bar.

What happens instead?

The alignment in top-bar is bronken.

Possible Solution

I solved it insering this code in my app.css:

.menu .menu-text a {
 padding: unset; 
}

Test Case and/or Steps to Reproduce (for bugs)

How to reproduce:

1. Open the Simple Blog Demo available at the official webpage: Foundation for Sites - HTML Templates.
2. 'Inspect the code' with your browser above the word Blog in top-bar.
3. 'Edit as HTML' the code in your browser and insert the html tag 'a' around the word. Ex: <a href='#'>Blog</a>

Context

...

Your Environment

• Foundation version(s) used: 6.7.4
• Browser(s) name and version(s): Google Chrome - Version 98.0.4758.102
• Device, Operating System and version: ArchLinux
• Link to your project:

Checklist

• I have read and follow the CONTRIBUTING.md document.
• There are no other issues similar to this one.
• The issue title and template are correctly filled.

[joeworkman]

Menu text is meant to be text, not a link. I am not sure your goal but I assume it's a style choice. You can make your own class with styles for making certain links styled differently.