I have tested this item ✅ successfully on 3da2eff

Presuming a field with 3 appended buttons can potentially be found anywhere, should this fix be applied globally instead of just within associations?

Presuming a field with 3 appended buttons can potentially be found anywhere, should this fix be applied globally instead of just within associations?

Good question. I have not found any other occurence in core.
PR can be modified easily if desired.

Considering the XML allows multiple buttons, I think the field CSS should support them globally regardless if used elsewhere. within core

Rather than using a media query, as this is a flex object simply apply a min-width to the input. The buttons should wrap once the input field hits that width.

Rather than using a media query, as this is a flex object simply apply a min-width to the input. The buttons should wrap once the input field hits that width.

Please suggest patch. Flex is somehow a foreign concept to me. ;)

Adding something like this instead should work...

(edit to taste)

.input-group input {
    min-width: 200px;
}

... buttons will wrap once the input is less than 200px

@ciar4n
Done. Used 220px to normalize.
@richard67 Please test again

I have tested this item ✅ successfully on 06471a9

I have tested this item ✅ successfully on 06471a9

RTC

I think in menus we might have a use of this where you can create articles in the modal. select/create/clear or something

Thanks @ciar4n and @infograf768 !

Mostly @ciar4n !