Horizontal alignment of multi-language vs non-multi-language fields for compact presentation

[SwimToWin]

Regarding multi-language fields such as TextLanguage, TextareaLanguage, and PageTitleLanguage:

When multi-language fields are shown in Page Edit mode, I often use them next to non-multi-language fields. That makes the page appear a bit disorganized and cluttered because multi-language fields vs non-multi-language fields don't align horizontally. The reason is that multi-language field have "language switcher tabs" that forces the field to "jump down" whereas normal fields stay in the normal position. See screenshot 1. It makes me sea sick! ?

Suggested solution is to move the "language switcher tabs" up so that it aligns with the field label. See screenshot 2.

[elvina]

Does anyone have tips or css snippets they are using to get round this issue?

[bernhard]

A very quick and easy solution would be to add css like this to your admin.less file:

li.Inputfield_tmp2 input {
  margin-top: 30px;
}

Before:

After:

You need to adjust the field names in your css though.