Repository navigation
On Distributions, fix line-item column headers wrapping and alignment on narrow screens #5603
Description
Summary
On distributions (both when fulfilling a request and on the regular form), making your screen narrower breaks the line-item column headers: "Quantity - Total Units" wraps onto three lines and the headers stop lining up with the inputs/values below them. Tidy up the header row so it stays readable and aligned on narrow screens.
Why
The form looks broken on narrow screens — the header text wraps awkwardly and drifts out of alignment with its columns, making "Items in this distribution" hard to read.
Details
This was noticed while fixing #5556 (the item dropdown not resizing). With the dropdown now responsive to window width, the remaining roughness is in the header row of "Items in this distribution":
- The "Quantity - Total Units" header wraps onto three lines on a narrow window.
- The "Requested" header (and the "Quantity" header) no longer line up vertically with the input/value they label.
To see this, sign in as org_admin1@example.com, click Requests, click view beside a started request, click "Fulfill request" (this also happens on the regular new distribution form), then make the window narrow.
Criteria for completion
- line-item column headers stay readable (no awkward multi-line wrapping) on narrow screens
- headers line up with the inputs/values they label
- include before/after screenshots in your PR
Activity
pshong79 commentedon Jun 26, 2026
Can I attempt this one? I think I have an idea of how this needs to be fixed. A question I have is, is there a minimum width?
dorner commentedon Jun 26, 2026
Not that I know of. Pick something reasonable I guess :)
github-actions commentedon Jul 27, 2026
This issue is marked as stale due to no activity within 30 days. If no further activity is detected within 7 days, it will be unassigned.
github-actions commentedon Aug 4, 2026
Automatically unassigned after 7 days of inactivity.
silverjellyfish commentedon Aug 4, 2026
Can this be assigned to me? I would like to try to fix this!
One of the criteria for completion on this issue is that the labels line up with the dropdown. But I noticed the dropdown hasn't been fixed yet. Let me know if I should work on that issue first (#5556)
dorner commentedon Aug 6, 2026
@silverjellyfish yeah, I think it makes sense to tackle that one first. You'll need to comment on that issue before it can be assigned.
Sinkleberg commentedon Oct 6, 2026
Is anyone still working on this? I see #5556 is closed. I can check both distribution forms at narrow widths and include before/after screenshots.
dorner commentedon Oct 12, 2026
You can take it!