toolbar icon updates

chrome.manifest

@@ -1,4 +1,7 @@
+overlay chrome://messenger/content/messenger.xul chrome://react/content/messenger-overlay.xul
+overlay chrome://messenger/content/specialTabs.xul chrome://react/content/tab-overlay.xul
+
 resource react modules/
 content react content/
-overlay chrome://messenger/content/messenger.xul chrome://react/content/messager-overlay.xul
-overlay chrome://messenger/content/specialTabs.xul chrome://react/content/tab-overlay.xul
+
+style chrome://global/content/customizeToolbar.xul chrome://react/content/messenger-overlay.css

content/messenger-overlay.css

@@ -1,3 +1,9 @@
-#AddressBookTab-button {
+#AddressBookTab-buttonX {
   list-style-image: url("chrome://messenger/skin/icons/mail-toolbar.svg#address-flat");
 }
+#AddressBookTab-buttonXX {
+  list-style-image: url("chrome://react/content/skin/mail-toolbar.svg#address-flat");
+}
+#AddressBookTab-button {
+  list-style-image: url("chrome://react/content/skin/glyphicons_071_book.png");
+}

content/messager-overlay.xul → content/messenger-overlay.xul

@@ -1,4 +1,5 @@
 <?xml version="1.0"?>
+<?xml-stylesheet href="chrome://global/skin/" type="text/css"?>
 
 <?xml-stylesheet href="chrome://react/content/messenger-overlay.css" type="text/css"?>
 
@@ -8,15 +9,19 @@
     <script type="application/javascript" src="chrome://react/content/overlay.js"/>
     <script type="application/javascript" src="chrome://react/content/tab-overlay.js"/>
 
-    <toolbar id="MailToolbarPalette">
-        <toolbarbutton 
-         class="toolbarbutton-1"
+    <toolbarpalette id="MailToolbarPalette">
+       <toolbarbutton id="AddressBookTab-button"/>
+    </toolbarpalette>
+
+    <toolbarbutton 
+         class="toolbarbutton-1 chromeclass-toolbar-additional"
          id="AddressBookTab-button"
          label="React"
          tooltiptext="React"
          oncommand="reactTabType.open();"
          removable="true"
 
-      />
-    </toolbar>
+    />
+
+
 </overlay>