Several improvements could be done on the mobile reviewable pages

Contribute UX
, , ,
1

Screenshot20260420123957Chrome
Screenshot20260420123957Chrome1080×2340 276 KB

  • The elements in the “header” are not aligned:
    “Post flagged as spam”, , “Flag approved”, “2h”

    There are a lot of discrepancies in the CSS used here. The container .review-item__header has a defined align rule: align-items: start; but each child has its own align-self rule, contradicting the parent rule and resulting in misaligned items.

  • There’s no right margin after the “2h”

  • A topic title can be long and will take a lot of vertical space; this could be avoided by putting the title on its own line. It even should be avoided on mobile :face_with_tongue:

It’s probably not the way to go, it’s just to illustrate the available space gain by doing so without losing readibility:

image
image360×740 44.2 KB

Screenshot20260420124021Chrome
Screenshot20260420124021Chrome1080×2340 173 KB

  • The note textarea is too wide

Screenshot20260420124244Chrome
Screenshot20260420124244Chrome1080×2340 313 KB

  • Certain long strings overflow and mess with the layout of the whole page
4 Likes
Experiment: Collaborative content gardening hub for meta
2

indeed! thanks for posting about it, I’ve just done a pass that will improve various issues here

https://github.com/discourse/discourse/pull/39377

2 Likes
3

This topic was automatically closed 3 days after the last reply. New replies are no longer allowed.