La interfaz para las propiedades de margen y relleno dentro del sector

Hola,

Estoy creando un sector solo para margen y relleno con el código que aparece a continuación:

{
	nombre: 'Configuración de Diseño',
	abierto: falso,
	buildProps: ['margen', 'acolchado'],
	Propiedades: [
		{
			Propiedad: 'Margen',
			Propiedades: [
				{nombre: 'Top', propiedad: 'margen-top'},
				{nombre: 'Bottom', propiedad: 'margin-bottom'},
				{nombre: 'Izquierda', propiedad: 'margen-izquierda'},
				{nombre: 'Derecha', propiedad: 'margen-derecha'}
			],
		},
		{
			Propiedad: 'acolchado',
			Propiedades: [
				{nombre: 'Top', propiedad: 'padding-top'},
				{nombre: 'Bottom', propiedad: 'tapding-bottom'},
				{nombre: 'Izquierda', propiedad: 'acolchonado-izquierda'},
				{nombre: 'Derecho', propiedad: 'derecho de acolchado'}
			],
		}
	]
}

Y el sector se crea con Propiedades de Margen como se muestra en la siguiente captura:

! Uvas colocando el margen

Como podéis ver, las propiedades están colocadas en la misma fila. Quiero que se muestren solo como dos propiedades seguidas. Por favor, consulta la captura de pantalla a continuación para más información:

! Colocación de la mano y altura de las uvas

Gracias por tu ayuda.