cleanup styles

2025-12-05 16:48:15 +01:00
parent e5174895d6
commit c2b8e7fcd5
4 changed files with 12 additions and 5 deletions
@@ -135,7 +135,7 @@ export const AddDataItemMenu = memo(

 const getStyles = (theme: GrafanaTheme2) => ({
  textButton: css({
-    paddingLeft: 0,
+    paddingLeft: theme.spacing(1),
    fontFamily: theme.typography.fontFamilyMonospace,
  }),
  queryLibraryMenuItem: css({
@@ -313,7 +313,7 @@ const getStyles = (theme: GrafanaTheme2, colors: ReturnType<typeof usePanelDataP
      },
    }),
    content: css({
-      padding: theme.spacing(1.5),
+      padding: theme.spacing(0.75) + ' ' + theme.spacing(1),
    }),
    datasourceIcon: css({
      width: '16px',
@@ -441,7 +441,7 @@ export const QueryTransformList = memo(
                  )}
                  data-testid="query-transform-list-content"
                >
-                  <Stack direction="column" gap={3}>
+                  <Stack direction="column" gap={2}>
                    {/* Data Sources Section (Queries + Expressions) */}
                    <Stack direction="column" gap={2}>
                      {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions */}
@@ -158,7 +158,7 @@ function PanelOptionsPaneComponent({ model }: SceneComponentProps<PanelOptionsPa
  }, [pluginId]);

  return (
-    <>
+    <div className={styles.wrapper}>
      {!isVizPickerOpen && (
        <>
          <div className={styles.top}>
@@ -235,12 +235,19 @@ function PanelOptionsPaneComponent({ model }: SceneComponentProps<PanelOptionsPa
          showBackButton={config.featureToggles.newVizSuggestions ? hasPickedViz || !isNewPanel : true}
        />
      )}
-    </>
+    </div>
  );
 }

 function getStyles(theme: GrafanaTheme2) {
  return {
+    wrapper: css({
+      display: 'contents',
+      '& h6': {
+        fontFamily: theme.typography.fontFamilyMonospace,
+        textTransform: 'uppercase',
+      },
+    }),
    top: css({
      display: 'flex',
      flexDirection: 'row',