Recipient label text is partially unvisible in Finnish locale

[reflektoin]

Thank you for developing this software!

Here's an image of the issue:
The text left to the form field is partially blocked by the text field. The last letter is not completely visible.

Steps to reproduce:

1. Change User interface language to Finnish.
2. Compose new message.
3. Add a recipient.
4. Double click the recipient.

Similar view as in the attached image should be now visible.

In English the "Vastaanottajan muokkaus" is "Recipient Edit".

[alecpl]

The css is the same for all single-input dialogs, e.g. Add Group. So, we need to fix it in a universal way.

I see three solutions:

1. Use col-sm-3/col-sm-9 instead of col-sm-2/col-sm-10.
2. Use text-truncate class on the label.
3. Use text-break class on the label.

I'm not sure which I like the best.

roundcubemail/skins/elastic/ui.js

Lines 872 to 874 in 5d99ffb

	$('<div class="form-group row">')
	.append(label.attr('for', id).addClass('col-sm-2 col-form-label'))
	.append($('<div class="col-sm-10">').append(input))

[alecpl]

Fixed.