title: How to place button just after textfield
body: <p>I am using a Fieldset of extjs which have text, buttons and dropdown using extjs.</p>
  
  <p>my code for fieldset  is as follow</p>
  
  <pre><code>ds=Ext.create('Ext.form.FieldSet', {
      title: 'System Input',
      width:500,
      style: {
          marginLeft: '5px',
          marginTop:'10px'
      },
      labelWidth: 75,
      items :[{xtype: 'displayfield', value: 'Modify the inputs below to run another simulation'},roofarea,clss,roofslider,pvtech,rate,pvsyssize,systypebuild,elecrate,tiltang,scclsbtn,scclsbtncls]
  }); 
  </code></pre>
  
  <p>now i have text field(i.e. roofarea) and button(i.e.clss) in this fieldset, i want button just after text field just beside,  my code for this is as follow but button come just below text field:</p>
  
  <pre><code>roofarea = Ext.create('Ext.form.field.Text', {
      width: 300,
      autoScroll :true,
      labelWidth: 160,
      style: {
              marginLeft:'10px',
          marginTop: '10px',
          marginBottom:'10px'
      },
      fieldLabel: 'Total Roof Area(Sq. Meter):',
      readOnly: true,
  
  
  value:faread
  });  
  
  
  
  var clss =Ext.create('Ext.Button', {
      text: 'Close',
      width:15,
      handler: function() {
          smWindow.hide();
      }
  });
  </code></pre>
  
  <p>but other items should be down of text field and button.</p>
  
  <p>Please help me for this?</p>