I am creating a search box where the results will be displayed in a popup below the textbox (standard layout, like the Google search box).
The search term will be compared to multiple properties in the item set and will populate a list in the popup. I've created a basic wire frame here:
The primary name for the matched item needs to be displayed in the left column, and the value of the matched property should also be displayed. I have added it to the right column as right aligned with the matched area highlighted.
My problem is that the combination of primary value and matched property value will exceed the width of the search box. I'm reluctant to increase the width because after a selection, only the primary value will be displayed in the textbox.
I'd prefer to keep the results on the same line and a consistent font size..
Does anyone have suggestions as to how to squeeze these values into the confined space?