move add button

2025-12-01 18:45:14 +01:00
parent a2882ebd85
commit 4b9b10d65b
1 changed files with 11 additions and 9 deletions
@@ -114,13 +114,17 @@ export const QueryTransformList = memo(
                  ))}
                </div>
              )}
+
+              <div className={styles.addButton}>
+                <AddDataItemMenu
+                  onAddQuery={onAddQuery}
+                  onAddTransform={onAddTransform}
+                  onAddExpression={onAddExpression}
+                />
+              </div>
            </div>
          </ScrollContainer>
        </div>
-
-        <div className={styles.actions}>
-          <AddDataItemMenu onAddQuery={onAddQuery} onAddTransform={onAddTransform} onAddExpression={onAddExpression} />
-        </div>
      </div>
    );
  }
@@ -151,11 +155,9 @@ const getStyles = (theme: GrafanaTheme2) => {
        marginTop: theme.spacing(2),
      },
    }),
-    actions: css({
-      padding: theme.spacing(2),
-      borderTop: `1px solid ${theme.colors.border.weak}`,
-      background: theme.colors.background.canvas,
-      flexShrink: 0,
+    addButton: css({
+      marginTop: theme.spacing(2),
+      paddingTop: theme.spacing(2),
    }),
  };
 };