Thank you @Etonkovidova for creating this ticket.

T157212 was more like a follow-up from T158646. The sidebar was broken into two cards, and then (along with main piece of content) those are made into responsive items, flying around as screen size changes. I think that was the main purpose of previous tickets and it is one step towards better support for mobile and touch devices.

As far as this ticket goes, thank you very much for putting your efforts into creating it. I have noticed the same problems while working on previous tickets, and wanted to file these problems myself.

(1) The navigation links Preference', 'Beta' etc are pushed down to the point that Contribution' and Log out are obscured by the Content translation UI elements.

This one actually has it's own design and ticket -> T160918.

Great work, thank you!

Change 382408 had a related patch set uploaded (by Petar.petkovic; owner: Petar.petkovic):
[mediawiki/extensions/ContentTranslation@master] Adjustments for mobile UI

https://gerrit.wikimedia.org/r/382408

Change 382408 merged by jenkins-bot:
[mediawiki/extensions/ContentTranslation@master] Adjustments for mobile UI

https://gerrit.wikimedia.org/r/382408

(2) The description of the article gets jammed with languages indicators.

Seems to be fixed - article descriptions are truncated properly so they do not overlap anything else:

• an extra dot in the description of 'Roger Norreis' article
• the ellipsis for the 'Georgina Chapman' article description are placed far way from the actual description. The screenshot below illustrates another problem with the ellipsis - the dotdotdot are too close.

(3) The icons - the star and X - are placed too close to each other.

The issue is solved - although often the X icon overlaps the article titles.

The horizontal view looks good.

Closing this ticket since (1) will be addressed in a different ticket. For addressing other mobile layout issues - T179148: Special:ContentTranslation page: Mobile UI layout issues