thanks for pointing this out @Iniquity, and for re-opening the task @stjn.

one possible solution: it seems that if we make the <ul> element a flexbox, and add flex-wrap: wrap to it, the links will be on one line if they are short enough, and two lines if they are longer:

Thanks for the opportunity.

There are few ways to fix this problem.

1. Setting the font-size of class "hlist" as 0.9rem in the corresponding CSS file

ul.hlist{
 font-size:0.9rem;
}

2. Using class "hlist", providing display method as flexbox and setting flex-direction as column.

ul.hlist{
 display:flex;
 flex-direction: column;
}

@Dazzlerkumar note the hlist styles are loaded by core, so I'd recommend using .toggle-list__list .hlist to style this element. Flexbox (solution 2) seems like the better solution here.

Sounds good! @Dazzlerkumar please post a patch to Gerrit and add me and i"ll happily test and review it.

@Jdlrobson Hello, this is my first contribution to wikimedia. Thus I cannot find the repo of the above page on Gerrit. Please help me out!

https://gerrit.wikimedia.org/r/admin/repos/mediawiki/skins/MinervaNeue is the repo you need to clone.

Change 736764 had a related patch set uploaded (by GPR; author: GPR):

[mediawiki/skins/MinervaNeue@master] Change disclaimer link container to flex box

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

@GPR yay! Glad you figured that out. Adding this to our review queue. You should have a review within next 2 days (hopefully today!).

Change 736764 merged by jenkins-bot:

[mediawiki/skins/MinervaNeue@master] Change disclaimer link container to flex box

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

Test Result - Beta

Status: ✅ PASS
Environment: beta
OS: macOS Monterey
Browser: Chrome
Device: MBP
Emulated Device:iPhone 11 Max Pro, Responsive

Test Artifact(s):

QA Steps

✅ AC1: Verify "About Wikipedia" and "Disclaimers" are not truncated or are displayed on two lines in languages where the text is long: