Pinned favicon spacing issue since 3.9.3

[merchant-ac]

Since version 3.9.3 my carefully crafted layout has been spoilt be ugly gaps between my pinned tabs! The only relevant customisations I have used are:

/*Change tab height #236, #2389 */

tab-item {
--tab-size: 18px !important;
height: var(--tab-size);

:root {
--favicon-size: 28px;
--faviconized-tab-size: 18;
}

Only when I increase --tab-size to 28px or greater do the gaps disappear:

This what it looked like in version 3.8.25 (using the older code snippet) before it all went horribly wrong:

Please help. Thank you.

Adrian

[irvinm]

I didn't dig into the changes near 3.9.3, but I can offer and\or suggest a few things:

First, if you are just looking to decrease the line height, you can modify the CSS to be "non pin tab" specific:

If you then want to decrease the favico on each of the tabs, just enable the --favicon-size selector and set a value.

Finally, as the pinned tabs are basically calculated to be "square" items, you can still change the ratio of the favico to the size of the tab by changing the value faviconizedTabScale from the default of 1.75 to something like 1.25 to get smaller pinned tabs.

[merchant-ac]

Thank you! I had completely missed all the extra options in the All Config box at the end of the Options page. Lots to play with there...

My layout has now been restored to its former glory!

Adrian