Several improvements could be done on the mobile reviewable pages

  • 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:


  • The note textarea is too wide

  • Certain long strings overflow and mess with the layout of the whole page
3 Likes

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

1 Like