Improve spacing between address bar and tab bar

[connie-e]

Is your feature request related to a problem?

I don't like the address bar being so close to the tab bar. In previous Firefox designs there was better spacing between these two elements.

The solution I'd like

I'd prefer for some extra spacing between these two elements. Preferably I'd like the user to be able to specify how much spacing they want too.

Screenshots or video

Added Spacing

Current Spacing

Alternatives I've considered

I've tried to edit the CSS file myself but absolutely no luck in that. ¯_(ツ)_/¯

Additional context

I've found no other issues bringing this up.

[didacta]

This seems to have been addressed

[connie-e]

This seems to have been addressed

I've tested every style option and this has not been fixed.

[didacta]

This seems to have been addressed

I've tested every style option and this has not been fixed.

would you be able to provide a screenshot with the style option it is not working for? I can look into this

[connie-e]

This seems to have been addressed

I've tested every style option and this has not been fixed.

would you be able to provide a screenshot with the style option it is not working for? I can look into this

I've provided the examples of all three along with vanilla Firefox. The Lepton themes still have the small spacing as the one in the original post I made.

Vanilla Firefox

Lepton

Lepton Proton

Lepton Photon

[black7375]

Hello, how about using this code?

#nav-bar {
  padding-block: 2px !important;
}

[connie-e]

Hello, how about using this code?

#nav-bar {
  padding-block: 2px !important;
}

This sort of works but does end up making the bottom of the URL area too small.

[black7375]

Now, this issue applied with v8.5.0.
I tried to make it as balanced as possible.

Thank you for your patience.
Let us know if there's anything I can do better.

[connie-e]

Thank you! I'll have to check this out when I get the chance.