About spacing

Hi, I need to change the margin and spacing size in the VerticalLayout component. After some time I found solution for margin, and it looks like:
.aboutwindow.v-margin-left {padding-left: 4px;}
.aboutwindow.v-margin-right {padding-right: 4px;}
.aboutwindow.v-margin-top {padding-top: 4px;}
.aboutwindow.v-margin-bottom {padding-bottom: 4px;}
I switched on both properties setSpacing(true) and setMargin(true) and margin setting works. But I don’t have any success with spacing, I tried to apply all examples according to the VAADIN documentation:
.v-verticallayout-test .v-verticallayout-spacing-on {
padding-top: 30px;
padding-left: 30px;
padding-right: 30px;
padding-bottom: 30px;
It doesn’t work
2) Just I added the next statement into my css:

.v-vertical > .v-spacing { height: 30px; width: 30px;}
and result is the same, it doesn’t work. Sombody knows what’s wrong, has anyone a solution?
I use VAADIN version 7.6.3, I will appreciate for any help!