Fix deprecation warning icon vertical alignment in versions table - #10873
Open
Nigusu-Allehu with Copilot wants to merge 2 commits into
Open
Fix deprecation warning icon vertical alignment in versions table#10873Nigusu-Allehu with Copilot wants to merge 2 commits into
Nigusu-Allehu with Copilot wants to merge 2 commits into
Conversation
Remove display:flex and justify-content:center from .package-icon-cell in page-display-package.less to fix the misalignment between the deprecation warning icon and the listing status column. The display:flex on td elements caused inconsistent vertical positioning of the warning icon relative to adjacent table cells. Replacing with vertical-align:middle aligns the icon to the center of its row, matching the expected behavior seen in the manage-packages table. Closes #10860
Copilot
AI
changed the title
[WIP] Fix misalignment of deprecation warning on listing column
Fix deprecation warning icon vertical alignment in versions table
Jun 18, 2026
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.
The deprecation/vulnerability warning icon in the package versions table was rendering below the status text ("Listed"/"Unlisted") rather than vertically centered on the same row.
Root cause:
.package-icon-cellinside.package-details-mainhaddisplay: flexapplied to<td>elements. Flex on table cells overrides normaltable-celllayout, causing inconsistent vertical positioning of the icon relative to adjacent cell content.Fix:
display: flex; justify-content: centerfrom.package-icon-cellinpage-display-package.lessvertical-align: middle— matches the pattern already used inpage-manage-packages.lesswhere this issue never appearedbootstrap.min.cssfrom LESS sources