Fix Package ID column not expanding to show long package names

[Copilot]

The Package ID column in the manage packages listing was too narrow for long package names and didn't expand on wider screens.

• Remove text-nowrap from the Package ID <td> in Packages.cshtml — it conflicted with word-break: break-word and blocked wrapping
• Add width: 100% to .package-id in common-user-package-list.less — in table-layout: auto, this makes the column greedy, claiming all space left after fixed-width columns (Downloads, Latest Version, Controls) take their minimums

Addresses #10671

Original prompt

Problem

In the package listing on NuGet Gallery, the Package ID column is not wide enough to display long package names. The column does not expand when the browser window is wider. This makes it hard to distinguish packages with long names.

This is tracked in issue #10671.

An earlier PR (#10678) was raised against main by mistake — it should have targeted dev. This PR should be based on the latest dev branch and target dev.

Root Cause

In the file src/NuGetGallery/Views/Users/Packages.cshtml, line 136, the Package ID column's <td> element has both the package-id CSS class (which applies word-break: break-word) and the text-nowrap class. These two classes conflict — text-nowrap prevents wrapping and causes the text to be truncated, defeating the purpose of package-id's break-word behavior.

Fix

In src/NuGetGallery/Views/Users/Packages.cshtml, on line 136, change:

<td class="align-middle package-id text-nowrap">

to:

<td class="align-middle package-id">

Simply remove the text-nowrap class from the Package ID column so that long package names can wrap and be fully visible.

This is the only change needed — a single line, removing text-nowrap from the class list.

• Fixes Make long Package ID fully visible #10671

This pull request was created from Copilot chat.

---

🔒 GitHub Advanced Security automatically protects Copilot coding agent pull requests. You can protect all pull requests by enabling Advanced Security for your repositories. Learn more about Advanced Security.