Make personal toolbar look better during customization.

browser/base/skin/browser.css

@@ -95,6 +95,16 @@ toolbarbutton.bookmark-item[open="true"] {
   background: url("chrome://browser/skin/bookmarks-large.png") no-repeat;
 }
 
+.bookmarks-toolbar-customize {
+  display: none;
+  background: -moz-Dialog;
+  max-width: 15em !important;
+}
+
+toolbarpaletteitem[place="toolbar"] .bookmarks-toolbar-customize {
+  display: -moz-box;
+}
+  
 /* ::::: bookmark menus ::::: */
 
 menu.bookmark-item,

browser/components/bookmarks/content/bookmarksToolbar.xml

@@ -701,6 +701,8 @@
                                          this.parentNode.parentNode.parentNode.parentNode.updateOverflowMenu(this);"/>
           </xul:toolbarbutton>
         </xul:hbox>
+        <xul:toolbarbutton class="bookmark-item bookmarks-toolbar-customize" mousethrough="never"
+           label="Bookmarks Toolbar Items"/>
       </xul:stack>
     </content>
   </binding>