title: Ext JS 6 can't right align my button xtype
body: <p>I have built a very simple login page in Ext&nbsp;JS 6.6, but for the life of me I can't seem to right align the login button with the end of the form fields. It just stays to the left no matter what I do.</p>
  
  <p><img src="https://i.stack.imgur.com/eaomF.png" alt="Login form"></p>
  
  <p>How can I fix this problem?</p>
  
  <p>The code I'm using is as follows;</p>
  
  <pre><code>items: {
      xtype: 'form',
      reference: 'form',
      items: [{
          xtype: 'textfield',
          name: 'username',
          fieldLabel: 'Username',
          allowBlank: false
      }, {
          xtype: 'textfield',
          name: 'password',
          inputType: 'password',
          fieldLabel: 'Password',
          allowBlank: false
      }, {
          xtype: 'button',
          text: 'Login',
          formBind: true,
          style: {
              marginTop: '10px',
              padding: '5px 15px 5px 15px'
          },
          listeners: {
              click: 'onLoginClick'
          }
      }]
  }
  </code></pre>