How to make ValueBoxEditorDecorator error message positionate to the right?

[vehdra music]

I would like to get

[ text box ] Error message.

But I am getting this:

Error message [ text box ]

This is my ui.xml:

<tr>

<td><ui:msg description="Email">Email</ui:msg></td>

<td>

<e:ValueBoxEditorDecorator ui:field="email">

        <e:valuebox>

          <g:TextBox styleName="{resources.style.editField}"/>

        </e:valuebox>

      </e:ValueBoxEditorDecorator>

</td>

</tr>

And this in my style:

.editField {

  display: inline;

  width: fieldWidth;

}

.rightAlign {

  text-align: right;

}

And I've tried playing with CSS to make the error message positionate to the right of the text box, but I can't figure how can I do it.

Is there any way to positionate the error message to the right of the text box?

[Thomas Broyer]

Copy/paste (i.e. fork) ValueBoxEditorDecorator into your own project.

See http://code.google.com/p/google-web-toolkit/issues/detail?id=5465

[Benjamin Possolo]

Add a style name to your decorator div element. i call mine "textBoxDecorator" then use the following css selectors:

.textBoxDecorator div:first-child {
	float: right;
}
.textBoxDecorator div:last-child {
	float: left;
}

.textBoxDecorator::after {

    content: "";

    display: block;

    clear: both;

}