How to shrink padding between Form fields?

Flow
1

I have a Form in read-only mode that I use to show the contents of a Class.

There is too much space vertically between rows when in read-only mode. How do I reduce that space between rows?

I’ve tried the following

.v-formlayout-contentcell { /* Field content. /
padding-top: 0;
padding-bottom: 0;
}
/ The caption cell is the text describing the field /
.v-formlayout-captioncell { / Field caption. /
font-weight: bold;
padding-top: 0;
padding-bottom: 0;
}
/.v-formlayout-errorcell {} /* Field error indicator. /
/ Overall style of field rows. */
.v-formlayout-row {
padding-top: 0;
padding-bottom: 0;
}

None of this seems to work aside from the “bold” font change.

I’m using chameleon theme with Vaadin 6.6.