white-space:normal doesn't apply on the translation UI table

Updated: Comment #2

Problem/Motivation

The table that lists translatable strings on admin/config/regional/translate gets this CSS rule from the system.theme.css file:

tr.odd .form-item, tr.even .form-item {
  white-space: nowrap;
}

It makes that the first column gets as wide as the sentences in it, and the second column gets very small and often out from the screen. It can be seen here:

(Or: admin/config/regional/translate?page=1 and especially on admin/config/regional/translate?page=2)

In the issue #1663130: Clean up css in Locale the white-space has been set as normal to avoid this:

.locale-translate-edit-form .form-item {
   white-space: normal;
 }

It seems that the selector is not specific enough and the rule doesn't apply (anymore).

Proposed resolution

I propose to specify the selector so that it overrides the system.theme.css rule:

.locale-translate-edit-form tr .form-item {
   white-space: normal;
 }

Remaining tasks

Create the patch with the CSS modification.

User interface changes

The width of the first column on the interface translation table is not affected by the length of the text inside it.

API changes

Nothing.

Related Issues

#1663130: Clean up css in Locale