Hi team! The title of this bug may sound a little bit like a feature request, but I don't think that seeing garbled text, chopped off sentences, and overlapping text in different languages counts as anything but a bug.

The issue occurs when visiting `message/notificationpreferences.php?lang=var1` where var1 is a variable representing different languages. The one that looks consistently good is English, when `var1 == en`. Other than that, results are not predictable. In some languages it looks acceptable, and not in others. A few pictures are better than my words (the ones in the attachments were taken by a colleague of mine). The images show that this affects Boost and other themes such as Snap.

After researching this issue, it was discovered that this table is generated with a fixed column width, which means that the width will be constant regardless of the selected language. This does not allow the table to resize itself to appropriately layout content in different languages.

Another problem is that the help icon is placed in the same HTML element as the text. For instance, lets say it was `<div>Online help_icon</div>`, and `<div>Offline help_icon</div>`. This makes it so that the content is treated as part of the same element, which in turn means that the help icon is displayed at the end of the line. To change this, it was necessary to modify the mustache template responsible for generating each row of the table, so that the help icon is rendered in its own HTML element with its own CSS classes, so that styling can be applied separately to the help icon.

If my QA team approves the change, I will send it here too so that your QA guys can test our proposed PR.