Greetings!

I’m trying to put together a group that contains a text field and two text area fields. Here’s my code

piklist('field', array(
	'type'		=> 'group',
	'field'		=> 'sections',
	'columns'	=> 12,
	'add_more'	=> true,
	'template'	=> 'field',
	'fields'		=> array(
		array(
			'type'		=> 'text',
			'field'		=> 'title',
			'columns'	=> 4,
			'attributes'=> array(
				'placeholder'	=> 'Title'
			)
		),
		array(
			'type'		=> 'textarea',
			'field'		=> 'code-left',
			'columns'	=> 12,
			'attributes'=> array(
				'placeholder'	=> 'Input Code',
				'rows'			=> 8
			)
		),
		array(
			'type'		=> 'textarea',
			'field'		=> 'code-right',
			'columns'	=> 12,
			'attributes'=> array(
				'placeholder'	=> 'Output Code',
				'rows'			=> 8
			)
		)
	)
));

The problem is, no matter what I do the spacing is awkward. There’s padding to the left of fields, sometimes, and huge padding between the text and first text area field. This space is directly correlated to the size of the rows= attribute for the textarea.