From 5357b535130c4d1e2edfacd04687606e42a01558 Mon Sep 17 00:00:00 2001
From: Davis McPhee <davis.mcphee@elastic.co>
Date: Thu, 7 Sep 2023 16:28:56 -0300
Subject: [PATCH] Remove some whitespace around the Unified Histogram resize
 button

---
 .../unified_histogram/public/layout/layout.tsx    |  2 +-
 .../public/panels/panels_resizable.tsx            | 15 ++-------------
 2 files changed, 3 insertions(+), 14 deletions(-)

diff --git a/src/plugins/unified_histogram/public/layout/layout.tsx b/src/plugins/unified_histogram/public/layout/layout.tsx
index d2088d4776445..95661ed9b3f2f 100644
--- a/src/plugins/unified_histogram/public/layout/layout.tsx
+++ b/src/plugins/unified_histogram/public/layout/layout.tsx
@@ -275,7 +275,7 @@ export const UnifiedHistogramLayout = ({
           chart={chart}
           breakdown={breakdown}
           appendHitsCounter={appendHitsCounter}
-          appendHistogram={showFixedPanels ? <EuiSpacer size="s" /> : <EuiSpacer size="l" />}
+          appendHistogram={<EuiSpacer size="s" />}
           disableAutoFetching={disableAutoFetching}
           disableTriggers={disableTriggers}
           disabledActions={disabledActions}
diff --git a/src/plugins/unified_histogram/public/panels/panels_resizable.tsx b/src/plugins/unified_histogram/public/panels/panels_resizable.tsx
index 773ebe172b25e..9f8fd5338a38f 100644
--- a/src/plugins/unified_histogram/public/panels/panels_resizable.tsx
+++ b/src/plugins/unified_histogram/public/panels/panels_resizable.tsx
@@ -6,12 +6,7 @@
  * Side Public License, v 1.
  */
 
-import {
-  EuiResizableContainer,
-  useEuiTheme,
-  useGeneratedHtmlId,
-  useResizeObserver,
-} from '@elastic/eui';
+import { EuiResizableContainer, useGeneratedHtmlId, useResizeObserver } from '@elastic/eui';
 import type { ResizeTrigger } from '@elastic/eui/src/components/resizable_container/types';
 import { css } from '@emotion/react';
 import { isEqual, round } from 'lodash';
@@ -162,12 +157,6 @@ export const PanelsResizable = ({
     disableResizeWithPortalsHack();
   }, [disableResizeWithPortalsHack, resizeWithPortalsHackIsResizing]);
 
-  const { euiTheme } = useEuiTheme();
-  const buttonCss = css`
-    margin-top: -${euiTheme.size.base};
-    margin-bottom: 0;
-  `;
-
   return (
     <EuiResizableContainer
       className={className}
@@ -189,7 +178,7 @@ export const PanelsResizable = ({
             {topPanel}
           </EuiResizablePanel>
           <EuiResizableButton
-            css={[resizeWithPortalsHackButtonCss, buttonCss]}
+            css={resizeWithPortalsHackButtonCss}
             data-test-subj="unifiedHistogramResizableButton"
           />
           <EuiResizablePanel