[ES|QL] Design improvements on the editor

[stratoula]

Describe the feature:

General Experience

• As they do not currently function as a mode toggle, there is no need to conditionally disable either of the pipe formatting buttons. Their current behavior is to apply the desired formatting once, but not enforce it thereafter. Unless we plan to change this behavior, I think they should always be enabled to avoid confusion.

  

Compact Experience

• There appears to be some visual oddities around border radii for the interface when the editor is focused and showing historical queries (i.e. background colors from inner children covering corners, possibly because overflow isn't hidden). Would it be possible to fix these oddities?

  

• The query editor body appears misaligned to the right by 1px, as it is colliding with the adjacent expand button.

  

• The query editor's footer also appears misaligned to the right by 1px.

  

• The "Last duration column" contents should be right aligned.

Expanded Experience

• There appears to be a 2px border between editor header and body. This should be 1px.

  

• Focusing the editor body causes the entire editor interface to increase in height by 1px, causing all content below it visibly jump 1px. I'm guessing this is due to the appearance of the 2px blue border on focus. Would it be possible to fix it so this jump doesn't happen?

  

[elasticmachine]

Pinging @elastic/kibana-esql (Team:ESQL)

[stratoula]

This is not valid anymore