title: adjusting position of button added to panel header?
body: <p>I can add my own button to the built-in tools "Help" etc on the panel header:</p>
  
  <pre><code>tools:[
      {
          type:'help',
          tooltip: 'Get Help',
          handler: function(event, toolEl, panel){
              // show help here
          }
      }],
  header: {
      layout: {
          type: 'hbox',
          align: 'right'
      },
      items: [{
          xtype: 'button',
          text: 'test'
      }]
  } ...
  </code></pre>
  
  <p>but button 'test' appears far left before the panel title ... header layout hbox right obviously not the way to do it :-). Button 'test' just a placeholder - I want to eventually add a menu button - so another css tool would not work - is there a simple way of doing this or do I need to use dom element positiong etc? tia.</p>