{{ message }}
Vertically center PR summary row#9116
Merged
Merged
Conversation
Member
|
The merge box style is intentional, it's how GitHub aligns the icons and buttons in boxes. See for example the circle on the left, also top-left aligned rather than centered |
Member
|
For the PR header, sure 👍 |
Contributor
Author
Member
|
I mean that same box, look at the green and gray circles on the left. Also the general alert boxes have the same style. This lets the box contents grow while placing the CTAs in the top-right |
Contributor
Author
|
Apparently some people like their buttons misaligned. Can't argue with that |
fregante
approved these changes
Mar 25, 2026
Member
Contributor
Author
Contributor
Author
Contributor
Author
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.





Fixes the issue with GitHub's vanilla styles.
While our styles didn't have the alignment issue, they had another one: #9113 (comment). They were removed in #9079.
When the window width is less than 544px,
flex-directionchanges fromrowtocolumn. Combined withalign-items: center, this was triggering the misplacement bug.Test URLs
refined-github/sandbox#61
Screenshot