I find it infuriating how designers keep adding more and more whitespace and padding on my desktop computer. If you want to make your UI easier to use on touch devices that's fine, but Windows 10 has a tablet mode that I keep disabled, so there's no reason to assume I'm not using a mouse. If I go to Customize toolbar there's three density options: Touch, Normal, and Compact (not supported). Why aren't there a support…
- browser.compactmode.show = true, which brings back compact
- layout.css.devPixelsPerPx scales the whole app. I brought it down from 2 to 1.95, which looks normal scale on a retina screen.
- But this also scales down the content of the page. To compensate for that, I want to be zoomed in slightly at all times. So I added 1.05 to toolkit.zoomManager.zoomValues, and then set 1.05 as the browser default.
The tabs shrink back down to normal scale, the web stays the same, and it fits much better on my 13" display.
Having the tabs be free-floating buttons is still weird, but you can't win them all.