How to adjust firefox address bar and search bar width

If the bookmark tool bar is wrapped and you don't like that, you can use the following method to reduce the address bard and the search bar width:

You can set a maximum width for both/each of the bars with code in userChrome.css below the default @namespace line. With this method, the widths will remain fixed until you change them in the userChrome.css file.

    The customization files userChrome.css (interface) and userContent.css (websites) are located in the chrome folder in the user profile folder.
        See - http://kb.mozillazine.org/userChrome.css
        Also see - http://kb.mozillazine.org/Editing_configuration 

Below this line in userChrome.css:
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

add one or both of these lines, setting the pixels (i.e., 400px, 200px) to the width you want; include the # sign at the beginning of the line(s):

#urlbar-container { max-width: 400px !important; }


#search-container { max-width: 200px !important; }