Help writing FireFox userchrome code

I use a firefox addon called TitleURL: https://addons.mozilla.org/en-US/firefox/addon/titleurl/?src=api


Generally it does what I need it to do (shows current tab/hovered-on non-selected tabs tile in the urlbar aka addressbar), but it has a lot of other features that I can't edit, don't use, and which actively interfere with other userscripts which I use to shape the presentation of my browser. As described/shown in pictures here: FireFox UI: Move Search Engine to left side of search bar. • mozillaZine Forums


What I need is to distill two functions from this addon to use as separate userscripts. That would allow me to side-step the last issue I have with my Nightly's presentation, the giant spacing where the title text is thrown over to the right when hovering over a non-selected tab.


I have decompiled the addon and viewed various portions of code in dreamweaver, to try to pick out coding that I could paste into my userchrome.css to make it work, but of course I'm a n00b and it's not working, so I turn to EightForums:


1. Shows current tab/hovered-on non-selected tabs tile in the urlbar, but without the non-selected tab having the text pushed to the right


2. Separate pinned tabs from non-pinned tabs via a space.

I was hoping someone here would be able to help me figure-out the problem with the spacing in problem 1; and edit the code in problem 2 so that I can use it too.