Truncated Text in address demo

I noticed that words for the first icon "Add Contacts" is truncated in the address book demo. I only see "Add Conta" in the upper left corner.

Is there a workaround for this? I tried both Firefox and ie 8.

Thanks!

http://demo.vaadin.com/AddressBook/

Yeah, in the Eclipse plugin browser, it looks okay, but FF 3.5 and IE 8 show it truncated.

In FF 3.5 with firebug, it shows this HTML:

<div style="overflow: hidden; height: 55px; width: 65px; float: left; padding-left: 8px; padding-top: 0px;">
<div style="float: left; margin-left: 0px;">
<div class="v-button" tabindex="0" role="button">
<span class="v-button-wrap">
<img class="v-icon" alt="" src="/vaadingwt20/VAADIN/themes/contacts/icons/32/document-add.png"/>
<span class="v-button-caption">Add contact</span>
</span>
</div>
</div>
</div>

It looks like all the buttons are the same, and from the style.css built for the "contacts" theme, there's CSS:
.toolbar .v-button {
display: block;
width: 65px;
height: 55px;
background: transparent;
border: none;
text-align: center;
}

Just change to width to 75px and it will all fit on those two browsers.

Thanks for the bug report!

Actually, just setting padding to zero for the buttons corrects the problem also.

Could you create a ticket about this issue in our Trac, at http://dev.vaadin.com/newticket? That's the proper place to report any issues you encounter.

Thanks again!

Thanks Jouni. I don't think I have permissions to open a ticket. How do I get that option?

Got message below:
TICKET_CREATE privileges are required to perform this operation

I guess you need to register first:

http://dev.vaadin.com/register