Keep each Details mark beside its value, with wrapped lines starting under the text #44

What to build

Each row in the card's Details view (Tampering, Issuer, Status, Dates, How it was built) is a label and a value, and the value starts with a small mark (✓, ⓘ and so on). The mark is laid out as part of the value's text, and that causes two problems:

• A long first word leaves the mark on its own line. When the value starts with a word too long to fit beside the mark, such as an issuer shown by its did:key identifier, the line breaks straight after the mark. The mark sits alone, and the identifier starts on the line below. This happens in a narrow card, where the rows stack, and in a wide one, where they sit side by side. The whitespace between the mark and the value in the markup is not the cause: with it removed, the line still breaks after the mark.
• A wrapped value's second line starts under the mark. When a stacked value wraps, its second line starts at the mark's edge rather than under the first word. For example, "Springfield College — not on our list of" is followed by "known issuers" starting under the mark.

The mark should behave like a list bullet. It stays on the first line of its value, and every line of the value starts at the same place, just after the mark. A long identifier still breaks within its own lines and stays inside the card.

Nothing else about the rows changes:

• stacked rows still start each value under its label;
• wide rows still keep each value at the row's end;
• a right-to-left page still mirrors the layout;
• screen readers hear the same text, and the mark stays hidden from them.

The existing browser test for a value too long for the row currently expects the mark on the line above the identifier. That expectation changes: the mark now sits beside the identifier's first line.

The browser tests run with npm run test:browser, which starts the dev server on port 5180 and the second test site on 5182.

Acceptance

• In a 360px-wide page, with the Issuer row's value set to a did:key identifier, the mark is on the same line as the identifier's first line, and the identifier stays inside the card.
• The same holds in a 1024px-wide page, where the rows sit side by side.
• In a 360px-wide page, on the "Issuer unknown" demo credential, the Issuer value wraps onto a second line, and that line starts within 1px of where the first line's text starts.
• The existing browser tests for stacked rows, wide rows and a right-to-left page still pass.
• The text a screen reader is given for each row is unchanged, and the mark is still hidden from it.

Effort: verifier-plugin/2026-09-16-verification-ux