Marketplace UI: Market price is clipped / unreadable in price entry row (can’t see the already set market price)

[Jhiynn]

Description

In the sell/listing UI, the Market price text is not fully visible. It appears truncated (“Market: $4…”), low-contrast, and/or partially obscured by the Your Price input field, making it hard or impossible to read the already set market price.

This defeats the purpose of showing the reference price while setting your own.

(See attached screenshot.)

Steps to Reproduce

1. Open EcotaleMarketplace sell/listing UI.
2. Select an item to sell (example: Glider).
3. Look at the row showing columns MARKET and YOUR PRICE.
4. Notice the market price is cut off (e.g., Market: $4...) / not readable.

Expected Behavior

• The full market price should be clearly visible (e.g., Market: $44.00) without being clipped.
• The market price should remain readable while editing the price input.

Actual Behavior

• Market price text is truncated and/or visually hidden by the input field / layout.
• User cannot reliably see the market price when setting a listing price.

Impact

• Users price items blindly or have to guess.
• Causes mispricing and frustration (the human kind, not the fun kind).

Suggested Fixes

• Give the MARKET column a fixed/min width so the value never truncates.
• Avoid placing the market price label close enough to overlap with the input field.
• Show the market price as:
  • a dedicated label under the item name,
  • a tooltip on hover,
  • or a small “Market: $X” hint inside/under the price input (non-editable).
• Increase contrast for the market price text (currently too dim against the background).

Additional Notes

• Reproducible in the standard listing row layout.
• UI scaling/resolution might influence it, but the layout should not break either way.