모바일 검토 페이지에서 여러 가지 개선이 필요합니다

[Canapin (Coin-coin le Canapin)]

• "header"의 요소들이 정렬되어 있지 않습니다:
  “스팸으로 신고됨”, , “신고 승인됨”, “2h”

  여기에 사용된 CSS에는 많은 불일치가 있습니다. 컨테이너 .review-item__header에는 align-items: start;라는 정렬 규칙이 정의되어 있지만, 각 자식 요소마다 자체적인 align-self 규칙이 있어 부모 규칙과 모순되고 결과적으로 요소들의 정렬이 어긋나고 있습니다.

• “2h” 뒤에 우측 여백이 없습니다.

• 토픽 제목이 길 수 있으며, 이는 많은 수직 공간을 차지하게 됩니다. 제목을 별도의 줄에 배치하면 이를 피할 수 있습니다. 모바일에서는 특히 그렇게 해야 합니다

  이는 아마도 최선의 방법은 아닐 수 있으며, 가독성을 해치지 않으면서 이렇게 함으로써 얻을 수 있는 공간의 이점을 보여주기 위한 것입니다:

---

• 메모 텍스트 영역이 너무 넓습니다.

---

• 특정 긴 문자열이 넘쳐나면서 페이지 전체의 레이아웃을 깨뜨립니다.

[awesomerobot (Kris)]

맞아요! 이 문제를 공유해 주셔서 감사합니다. 방금 이 곳의 여러 문제를 개선하는 패스를 진행했습니다.

UX: improve review queue layout for small screens (#39377)