Automattic / Automattic/jetpack

Posts and pages: Activity icons are misaligned

Open
#44,054 2 comments 0 reactions 0 assignees View on GitHub
[Experiment] AI labels added [Feature] Comments [Status] Auto-allocated Bug Vulcan
Dominant language
PHP
Stars
1.8k
Forks
898
Avg merge
1d 18h
Merged PRs (30d)
774

Description

### Context and steps to reproduce

Immediate issue:
It depends how you want to orient and align the Stats Graph, Comment, and Likes icons - but at the very least the Comments icon is misaligned in a number of ways. Since the Stats Graph and Likes box are aligned on the top, the simple fix would be to make the top of the Comment icon align at the top as well.

![Image](https://github.com/user-attachments/assets/d342c3b0-305a-4c19-b226-b3b143c08b12)

Two smaller issues:
(1) Whether the Stats Graph icon should be the same size as the Likes box (it's smaller).
(2) Making the rules more consistent for how the Comments and Likes boxes resize horizontally. In the below screenshot, the overlaid boxes are all the same size. The Comments box expands when the number becomes two digits long, whereas the Likes box just stuffs a two digit number into a box the same size. I'm assuming both boxes change if the number gets to be three or more digits long.

Image

### Site owner impact

More than 60% of the total website/platform users

### Severity

Minor

### What other impact(s) does this issue have?

No revenue impact

### If a workaround is available, please outline it here.

_No response_

### Platform

_No response_

Contributor guide

Open the contributing guide

Research direction

Start with the reproduction steps and screenshots, then inspect the posts and pages activity controls that render the Stats Graph, Comments, and Likes icons. Done means the icons align consistently and the Comments and Likes boxes resize consistently for one-, two-, and three-digit counts.

Written by the indexing model from the issue text.

Assessment

Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.