Description
Here I'm listing some styling concerns I can observe in this component. Please take these critically, they are just observations which definitely need to be filtered out by design.
- "n languages" button is highlighted at the same level as the one in the about widget, which makes it feel not really integrated at the level of the Multilingual string component.
Goal: make this cta more integrated at the level it is in. Maybe it should not be bold, maybe it should not be a button but a link. Not sure.
- vertical separation between elements seems unbalanced.
2.a. Items in the monolingual list are very stuck together, while they generally have a bigger separation in other parts of default view. Having some slight separation between items means that buttons from an item are not stuck to the item above, as seen in the captures below.
| multilingual text component | list of monolinguals |
 |  |
 |  |
 |  |
2.b. cta "n languages" button spacing from the list is the same as its separation from the item below, which doesn't help identifying what block this button is related to.
Goal: in general give this component and its items some breathing space to make it easier to identify components and their elements.
Related, but seems to be a previous issue in the About widget component, which we had not detected till now. Still, mentioning here for traceability.
- [ + ] button seems unnecessary. Do we really need to keep this button while there's already a add new language path (through the languages button).
The path to add a new monolingual item using the language button should also be promoted, as it is much safer, and avoids the possibility of users adding monolinguals with empty languages.
Goal: if a user path adds no value, it should not exist. If a user path, apart from not adding any value, it in turn adds more risk, more reasons for it not to exist!
Completion checklist
- Before closing this task, review one by one the checklist available here: https://www.mediawiki.org/wiki/Abstract_Wikipedia_team/Definition_of_Done#Front-end_Task/Bug_Completion_Checklist
