New Tab Page: wasted vertical space pushes Top Sites too low

[Fab966]

New Tab Page layout improvement: reduced wasted vertical space and increased Top Sites per row.

The default New Tab Page in Firefox 151 wastes a significant amount of vertical space above the Firefox logo, pushing the Top Sites icons too far down — nearly at the bottom of the screen on common display resolutions.
A simple CSS fix via userContent.css solves both issues: reducing the excessive top spacing and increasing the number of Top Sites icons per row from 8 to 9, resulting in a more balanced and centered layout.

@-moz-document url("about:home"), url("about:newtab") {
:root { --top-sites-max-per-row: 9; }
.nova-enabled.container { grid-auto-rows: 3px !important; }
.container.nova-enabled.logo-in-content main.content section.top-sites div.top-sites-list-wrapper ul.top-sites-list { grid-template-columns: repeat(9, auto) !important; }
}

Tested on Firefox 151.0.3 on Windows 11. The result is visually more pleasant and makes better use of the available screen space.

[Jon]

Thanks for submitting an idea to the Mozilla Connect community! Your idea is now open to votes (aka kudos) and comments.