Stack tags in narrow view ports for commits
What does this MR do?
Improves the layout of commit items on narrow viewports by stacking tags and badges below the commit content instead of displaying them inline.
Closes #492454 (closed)
Screenshots or screen recordings
| Before | After |
|---|---|
|
|
|
|
|
|
How to set up and validate locally
- Navigate to any commits page (e.g.,
/-/commits/master) - Resize your browser window to a narrow viewport (mobile size)
- Observe that tags, signature badges, and commit actions now stack vertically below the commit message
- Expand to a wider viewport and verify the layout returns to horizontal
MR acceptance checklist
-
Visual changes reviewed on narrow viewports -
Visual changes reviewed on wide viewports -
Layout works correctly with and without tags/badges -
Both HAML and Vue components updated to stay in sync
Would you like me to adjust anything in this description?
Related to #492454 (closed)
Edited by Joseph Fletcher