From 7d084cb2b8a26908fd5d0e1b8b355f5a63176478 Mon Sep 17 00:00:00 2001
From: Marco Liberati <dej611@users.noreply.github.com>
Date: Thu, 31 Jul 2025 10:42:23 +0200
Subject: [PATCH] [Lens] Fix extra padding below Advanced Options when in
 inline editing (#229967)

## Summary

Fixes #229941

This PR scopes a specific regression introduced by a fix in
https://github.com/elastic/kibana/pull/228957 to ES|QL editing only
where `Advanced Options` are not available.

Chrome:

<img width="1174" height="889" alt="Screenshot 2025-07-30 at 16 07 04"
src="https://github.com/user-attachments/assets/a6870dcb-3097-4be4-b70e-a3a932a89f7a"
/>
<img width="1913" height="892" alt="Screenshot 2025-07-30 at 16 06 52"
src="https://github.com/user-attachments/assets/0adeb1c2-5924-4e31-949b-c6e8f0776964"
/>

Showing Safari as well for the Query result panel:
<img width="973" height="725" alt="Screenshot 2025-07-30 at 16 08 23"
src="https://github.com/user-attachments/assets/38c407c5-c6f8-46e5-8c90-661b8f26366f"
/>
<img width="1499" height="754" alt="Screenshot 2025-07-30 at 16 08 09"
src="https://github.com/user-attachments/assets/601bd62a-94ef-417c-8e90-77f971c35e42"
/>

(cherry picked from commit 4f3380cfaaf65e8f1b3a75dd1bf34ab23778965f)
---
 .../shared/edit_on_the_fly/lens_configuration_flyout.tsx  | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/x-pack/platform/plugins/shared/lens/public/app_plugin/shared/edit_on_the_fly/lens_configuration_flyout.tsx b/x-pack/platform/plugins/shared/lens/public/app_plugin/shared/edit_on_the_fly/lens_configuration_flyout.tsx
index 6475e33267904..634525b38033c 100644
--- a/x-pack/platform/plugins/shared/lens/public/app_plugin/shared/edit_on_the_fly/lens_configuration_flyout.tsx
+++ b/x-pack/platform/plugins/shared/lens/public/app_plugin/shared/edit_on_the_fly/lens_configuration_flyout.tsx
@@ -343,7 +343,8 @@ export function LensEditConfigurationFlyout({
             }
             .euiAccordion-isOpen {
               .euiAccordion__childWrapper {
-                block-size: auto !important; // Override euiAccordion__childWrapper blockSize
+                // Override euiAccordion__childWrapper blockSize only when ES|QL mode is enabled
+                block-size: auto ${textBasedMode ? '!important' : ''};
                 flex: 1;
               }
             }
@@ -394,9 +395,8 @@ export function LensEditConfigurationFlyout({
                 <EuiTitle
                   size="xxs"
                   css={css`
-                padding: 2px;
-              }
-            `}
+                    padding: 2px;
+                  `}
                 >
                   <h5>
                     {i18n.translate('xpack.lens.config.visualizationConfigurationLabel', {