From 5d23bc48b4cbbbd1d3771cc0b96c06c64d502bae Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Torkel=20=C3=96degaard?= <torkel@grafana.com>
Date: Thu, 14 Mar 2024 10:37:26 +0100
Subject: [PATCH] DashboardScene: Fixes panel editor padding (#84426)

---
 .../dashboard-scene/panel-edit/PanelEditorRenderer.tsx   | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/public/app/features/dashboard-scene/panel-edit/PanelEditorRenderer.tsx b/public/app/features/dashboard-scene/panel-edit/PanelEditorRenderer.tsx
index 73da63e67ae..6a1b852557e 100644
--- a/public/app/features/dashboard-scene/panel-edit/PanelEditorRenderer.tsx
+++ b/public/app/features/dashboard-scene/panel-edit/PanelEditorRenderer.tsx
@@ -81,7 +81,7 @@ function VizAndDataPane({ model }: SceneComponentProps<PanelEditor>) {
 
   return (
     <>
-      {controls && <controls.Component model={controls} />}
+      <div className={styles.controlsWrapper}>{controls && <controls.Component model={controls} />}</div>
       <div {...containerProps}>
         <div {...primaryProps}>
           <vizManager.Component model={vizManager} />
@@ -144,7 +144,6 @@ function getStyles(theme: GrafanaTheme2) {
       display: 'flex',
       flexDirection: 'column',
       minHeight: 0,
-      gap: '8px',
     }),
     optionsPane: css({
       flexDirection: 'column',
@@ -169,6 +168,12 @@ function getStyles(theme: GrafanaTheme2) {
     rotate180: css({
       rotate: '180deg',
     }),
+    controlsWrapper: css({
+      display: 'flex',
+      flexDirection: 'column',
+      flexGrow: 0,
+      paddingLeft: theme.spacing(2),
+    }),
     openDataPaneButton: css({
       width: theme.spacing(8),
       justifyContent: 'center',