title: How do I left align title text in title bar using Sencha Touch
body: <p>Can anyone show how I can set the alignment of the title in a title bar to left justified.
  I'm currently trying this but it isn't working:</p>
  
  <pre><code>var p = Ext.create('Ext.Panel', {
      items: [
      {
          xtype: 'toolbar',
          docked: 'top',
          title: 'my title',
          style: {
              'text-align':'left'
          }
      }   
      ]
  }); 
  Ext.Viewport.add(p);
  </code></pre>
  
  <p><strong>2nd attempt:</strong>
  Not now able to have the title left and the toolbar button right!</p>
  
  <pre><code>var p = Ext.create('Ext.Panel', {
      items: [
      {
          xtype: 'toolbar',
          docked: 'top',
          layout: {
              pack: 'end'
          },
          title: {
              title: 'mytitle',
              style: {
                  'text-align':'left'
              }
          },
          items: [
              {
                  xtype: 'button',
                  text: 'mybutton',
                  align: 'right'
              }
          ]
      }   
      ]
  }); 
  Ext.Viewport.add(p);    
  </code></pre>