Skip to content

🐛 Bug Report: Sub-page titles misaligned when wrapping to two lines #1542

@ThomasSanson

Description

@ThomasSanson

Before you file your issue


Problematic behavior

When a sub-page title (for example a project name) exceeds one line in the “Production de l’Incubateur” section, the text becomes center-aligned instead of left-aligned, which breaks the visual layout and consistency of the list.

See screenshot below:

Image

Expected behavior

Multi-line sub-page titles should remain left-aligned, even when the text wraps.
This ensures a cleaner, more readable layout.


Steps to Reproduce

  1. Create several documentation sub-pages under a parent section.
  2. Use long names such as “Campagne d’appels Chido Mayotte” or “Appli d’autopositionnement-interopĂ©rabilitĂ©â€.
  3. Observe that once the line breaks, the title becomes centered instead of staying left-aligned.

Environment


Possible Solution

Adjust the CSS for list or sub-page link elements to keep text-align: left; for wrapped lines.
(Visual priority: very low complexity, low impact.)


Additional context

This is not a blocking issue, more of a small UX improvement.
We understand design choices are subjective (“matters of taste”), but this small tweak could improve overall readability — especially when page titles are long. 😊

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    Status

    No status

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions