Bug 793354. Small chat icons are stretched by XUL layout. r=jaws

browser/base/content/socialchat.xml

@@ -8,7 +8,7 @@
   <binding id="chatbox">
     <content orient="vertical" mousethrough="never">
       <xul:hbox class="chat-titlebar" xbl:inherits="minimized,selected"
-                onclick="document.getBindingParent(this).toggle();">
+                onclick="document.getBindingParent(this).toggle();" align="baseline">
         <xul:image class="chat-status-icon" xbl:inherits="src=image"/>
         <xul:label class="chat-title" flex="1" xbl:inherits="value=label,crop"/>
         <xul:toolbarbutton class="chat-close-button chat-toolbarbutton"

browser/themes/gnomestripe/browser.css

@@ -2766,6 +2766,7 @@ html|*#gcli-output-frame {
   width: 100%;
   margin: 0;
   padding: 2px;
+  -moz-padding-start: 6px;
   border: none;
   border-bottom: 1px solid gray;
   cursor: pointer;

browser/themes/pinstripe/browser.css

@@ -3452,6 +3452,7 @@ html|*#gcli-output-frame {
   width: 100%;
   margin: 0;
   padding: 2px;
+  -moz-padding-start: 6px;
   border: none;
   border-bottom: 1px solid #404040;
   cursor: pointer;

browser/themes/winstripe/browser.css

@@ -3470,6 +3470,7 @@ html|*#gcli-output-frame {
   width: 100%;
   margin: 0;
   padding: 2px;
+  -moz-padding-start: 6px;
   border: none;
   border-bottom: 1px solid gray;
   cursor: pointer;