[wp-meta] [Making WordPress.org] #2822: Support forum should have better styling on mobile (6.44′ screen)

[Making WordPress.org]

#2822: Support forum should have better styling on mobile (6.44′ screen)
----------------------------------+---------------------
 Reporter:  alkesh7               |       Owner:  (none)
     Type:  enhancement           |      Status:  new
 Priority:  low                   |   Milestone:
Component:  Support Forums        |  Resolution:
 Keywords:  needs-patch needs-ui  |
----------------------------------+---------------------

Comment (by kjellr):

 👋 I spent a little time thinking about some light adjustments to help the
 forums behave better on mobile. Here are some comps along with some
 specific notes:


 ----


 **Landing Page:**

 - The Create Issue / Pagination should be stacked.
 - Pagination should be wider and (at least a little) taller to be more
 amenable to touch interfaces.
 - The entire content width could be widened a bit to take advantage of the
 smaller available space.
 - The "Pinned" and "Resolved" icons should hang off to the left of the
 text, rather than simply being inline.
 - On the smallest screens (320ish), the table headings do not line up with
 the content. We should rework to include those inline instead.

 [[Image(https://cldup.com/ZSDkoJrZK8-3000x3000.png)]]


 ----


 **Individual Topic**

 - In general, tighten up margins to make better use of space.
 - Like the landing page, we should widen the content area a little bit.
 - Reduce the font size of the title, for better line lengths.
 - We should tighten the extra-tall line height for the breadcrumb.
 - Make the avatars smaller and stack the "Resolved" tag.
 - Add larger body font sizes for improved readability.


 [[Image(https://cldup.com/HmlViDClRm-2000x2000.png)]]

-- 
Ticket URL: <https://meta.trac.wordpress.org/ticket/2822#comment:3>
Making WordPress.org <https://meta.trac.wordpress.org/>
Making WordPress.org