Добрый день.
 
Очень нужна помощь. Сделал страничку редактирования

Но система нам все отображает в таком виде:

Как переделать на такой вид?

 
Меняем в браузере значения у
 .label-wrap {
    min-widht:60em;
    max-widht:60em;
}
и получаем как хочется. Теперь сделаю свой клиентский модуль и вкладке Less пишу свой класс
.usr-label-wrap {
	min-wight:60em;
	max-wight:60em;
}
Добавляю в схему
define("UsrCustomPage", ["css!UsrCustomCSS", "CommonCSSV2"], function() {
В блоке diff пишу (пробую по разному)
{
	"operation": "insert",
	"name": "UsrRisk_01",
	"values": {
		wrapClass:["usr-label-wrap"],
		"layout": {
			"colSpan": 12,
			"rowSpan": 1,
			"column": 0,
			"row": 0,
			"layoutName": "QuestionsTabLabelGridLayout"
		},
		"bindTo": "UsrRisk_01",
		"labelConfig": {
			"caption": {
				"bindTo": "Resources.Strings.UsrRisk_01_LabelCaption"
			}
		},
		"enabled": true
	},
	"parentName": "QuestionsTabLabelGridLayout",
	"propertyName": "items",
	"index": 0
},
{
	"operation": "insert",
	"name": "UsrRisk_09",
	"values": {
		classes:{
			labelClass:["usr-label-wrap"]
		},
		"layout": {
			"colSpan": 12,
			"rowSpan": 1,
			"column": 12,
			"row": 0,
			"layoutName": "QuestionsTabLabelGridLayout"
		},
		"bindTo": "UsrRisk_09",
		"labelConfig": {
			"caption": {
				"bindTo": "Resources.Strings.UsrRisk_09_LabelCaption"
			}
		},
		"enabled": true
	},
	"parentName": "QuestionsTabLabelGridLayout",
	"propertyName": "items",
	"index": 1
}
Но в итоге Ничегошеньки....
В идеале бы конечно добиться такого вида

И чтоб они не наезжали друг на друга при уменьшении странички, а текст переносился бы по словам. Проще говоря как в дизайнере страницы. Но это пока утопия, сделать бы хоть что либо. Помогите...