[lstein]

Summary

In the metadata drawer, Send Image, Append Image and the "as a reference for" pulldown wrapped onto two lines whenever the drawer's max-width: 50vw was narrower than the row (~655px), i.e. in any window narrower than ~1300px.

CSS-only fix in metadata-drawer.css:

• Above 768px, the row holding the pulldown doesn't wrap and its items don't shrink.
• Above 768px, .banner-drawer-container gets min-width: min-content; since min-width beats max-width, the drawer grows past 50vw just enough to hold the row (655px in a 1024px window instead of 512px).
• #descriptionText td uses overflow-wrap: anywhere so a long unbroken token (e.g. a URL in a prompt) can't inflate the drawer's min-content width. Header cells keep break-word so labels like "Model" don't break mid-word.
• At ≤768px (phones) the layout is unchanged.

Testing

Measured in the real app with headless Chromium, master vs this branch:

Viewport	master	this branch
1920	one row	one row
1280 / 1024 / 800	pulldown wraps	one row, drawer 655px
600 / 390	wraps	identical to master

• A 400-char unbroken token in a prompt cell keeps the drawer at its normal width.
• Label column widths ≥ master at all desktop widths.
• Without InvokeAI configured the drawer width is unaffected.
• npm run format:check passes.
• Verified manually by the author.

🤖 Generated with Claude Code