title: How to insert spaces between components in Ext js 4 layout
body: <p>I'm moving from adobe flex to ext js 4, and I noted that in Extjs, the components are placed too close. There is no gap between then. This can be faced with this example:</p>
  
  <pre><code>    var win = Ext.create('Ext.window.Window', {
      layout: 'hbox',
      height: 500,
      width: 400,
      title: 'hbox',      
      items: [
        Ext.create('Ext.button.Button',
        {
          text: 'My button 1',
          width: 150
        }),
        Ext.create('Ext.button.Button',
        {
          text: 'My button 2',
          width: 150
        })
      ]
  });
  
  win.show();
  </code></pre>
  
  <p>The two button are zero space from each other.</p>
  
  <p>How to set a space (gap or ever) from components?</p>
  
  <p>Thanks.</p>