Firefox Autocomplete Prioritize URL
There's a trend in browser interfaces where URLs are becoming less prominent. Safari iOS is one of the worst offenders, only showing the domain in the URL bar. Firefox 48 took a step in that direction, by rearranging the autocomplete dropdown to show page titles and URLs inline (instead of stacked), with the URLs displayed in a smaller font after the title. Since titles are uneven, the URLs are hard to scan at a glance:
This can be fixed by moving the URL to the first position with a bit of CSS:
As a bonus, I also tightened up the design a little to use the default 12px font instead of the new, large 14px titles.
Installation
After installing Stylish, install the stylesheet here. Or include the CSS manually in userChrome.css (without the @-moz-document
line).
Issues
This has only been tested on Firefox 48 for Mac and Firefox 48 on Ubuntu 14.x. Feel free to try it out on other platforms and open an issue for any bugs that you find.
Upstream
There's an open issue tracking the ability to change the URL position: https://bugzilla.mozilla.org/show_bug.cgi?id=1280700
License
MIT