Problem/Motivation

In the Default Admin theme, the help text for a Link field URL is forced beside the URL input when the widget is rendered inside a multi-value table. The long instructions then wrap into a narrow column and make the form difficult to read. This is a Default Admin theme issue; the earlier report was filed under Claro and is closed as outdated.

Steps to reproduce

  1. Use Default Admin as the administration theme.
  2. Create or edit an entity type with a multi-value Link field that has URL help text.
  3. Open the entity add/edit form and inspect a Link field row.

On this site, the issue is visible in the Significant links field on the Place form at /node/add/place.

Expected: The URL label and input remain together, and the help text appears below the URL input with clear spacing above it.

Actual: Default Admin applies a flex layout to td > .form-item. The URL field help text is laid out next to the input and gets squeezed into the remaining table width.

Proposed resolution

Adjust Default Admin table CSS for Link field form items with descriptions. Keep the label and URL control on one line on desktop, place the description below the control with top spacing, and stack the label, input, and description on narrow screens.

Remaining tasks

Review and test the attached patch. The patch was applied cleanly to Drupal 11.4.7, followed by a cache rebuild; I checked the rendered form at 1600px and 390px widths.

User interface changes

CSS-only change to the placement and wrapping of URL help text in Default Admin multi-value Link widgets.

Issue fork drupal-3625263

Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

Comments

dan_metille created an issue. See original summary.

smustgrave’s picture

Status: Needs review » Needs work
Issue tags: +Needs screenshots

Able to provide screenshots please

Also fixes need to be in MRs for review please

rupeshghar made their first commit to this issue’s fork.

rupeshghar’s picture

Status: Needs work » Needs review
StatusFileSize
new45.31 KB
new39.75 KB

Fixed the CSS so the URL field's help text shows below the input instead of squeezed beside it.
Screenshots below show the page before and after the fix.

smustgrave’s picture

Thanks @rupeshghar just small fyi usually good etiquette to allow previous maintainer to respond to the feedback