+ update unnecessary onFocus/onBlur child behavior - these events already bubble in React, so we just need to set them on a wrapper instead of cloning the children directly

…count for focus changes

+ convert margins to flex gap instead

- switch width to flex-basis so we don't need to use logical property

- simplify line-height, it's more centered without the 1px

- remove unnecessary display block unset and margin-bottom (nothing to unset)

- honestly not sure why this prop is even here but oh well!

- use fancy JS getters since we're no longer setting `row` as the default CSS

- use CSS `:has` instead of a separate display prop (deprecate eventually)

- simplify margin logic, I found the existing CSS harder to follow than

- remove unnecessary duplicated CSS (width/min-width), simplify line-height

…ay props as deprecated

+ remove them from docs examples

- replace margin with an EuiSpacer instead, so we can take advantage of the new gap CSS instead of having to add up to get 20px

- use some trickery to duplicate existing `center` CSS (since this is essentially what the min-height/justify-content does - except doing it this way will allow it to work for column layouts as well)

- remove padding-bottom, not doing anything

- delete `.euiFormRow__fieldWrapperDisplayOnly` className while here, no usages in Kibana

…empty

- wasn't introduced in this PR but in the previous EuiFormLayout one - might as well fix it while we're here