Last modified: 2014-09-11 10:34:19 UTC
When the babel box features both languages that have 2-letter codes and languages that have 3-letter codes, the width of the code cells aren't the same and the result is quite ugly. It should be possible (and would make more sense, IMO) for the extension to generate a single table, with each language getting a row, rather than each language getting its own table, as is the case currently. Then the native table layout code from the browser would align the first column. An easier fix would be to simply add "display: inline-block;" to the span that surrounds the level (which was originally introduced solely to allow the level be hidden, in response to bug 17073, and didn't get any styles by default). This would allow the spans that don't fit inside the cell width (defined as div.mw-babel-box table th { width: 45px; }) to wrap to the next line.
(In reply to Waldir from comment #0) > An easier fix would be to simply add "display: inline-block;" to the span > that surrounds the level (which was originally introduced solely to allow > the level be hidden, in response to bug 17073, and didn't get any styles by > default). This would allow the spans that don't fit inside the cell width > (defined as div.mw-babel-box table th { width: 45px; }) to wrap to the next > line. Btw, in that case, it would be necessary to add div.mw-babel-box table th { line-height: 1em; } to prevent the cells from expanding vertically (which doesn't break alignment, but isn't pretty either).