Whitespace between inline-block elements in language list

[remibetin]

In the language list, the space between the items is not controlled by gap, margin or padding properties, but a consequence of the list items having a display:inline-block property and whitespace between them (see Whitespace processing between inline and inline-block elements).

.languagelist>ul>li {
  border: none;
  padding: 0;
  margin:0;
  display: inline-block
}

This is not ideal, see for example the issue in the WCAG-EM Report Tool.

It would be best to control this spacing using CSS only, for example by using Flexbox.

Note: After applying the solution, revert w3c/wai-wcag-em-report-tool#206.