title: Vertical button groups in Sencha Touch 2?
body: <p>Looking to create a vertical button group that looks very similar to Twitters own button groups (example <a href="http://mobile-patterns.com/#/i/10" rel="nofollow">http://mobile-patterns.com/#/i/10</a>)</p>
  
  <p>I've tried changing Touch's code to <code>layout: 'vbox'</code> but it completely tweaks the roundness of each button and leaves their corner roundness as what they would look like in a horizontal format.</p>
  
  <p>Code below:</p>
  
  <pre><code>var segmentedButton = new Ext.SegmentedButton({
      allowMultiple: true,
      layout: 'vbox',
      items: [
          {
              text: 'Option 1'
          },
          {
              text   : 'Option 2',
              pressed: true
          },
          {
              text: 'Option 3'
          }
      ]
  });
  Ext.Viewport.add({ xtype: 'container', padding: 10, items: [segmentedButton] });
  </code></pre>
  
  <p>Do I need to add my own CSS styles in order to make it work? Or is there a built-in config?</p>
  
  <p>I'm also wondering if it's best to use a <code>List</code> instead of a <code>SegmentedButton</code>...</p>
  
  <p>Thanks!</p>