From 1604e095493f27bb40b8b5e3119ffcc1baa69103 Mon Sep 17 00:00:00 2001
From: Andrej Ocenas <mr.ocenas@gmail.com>
Date: Fri, 4 Mar 2022 15:59:11 +0100
Subject: [PATCH] Prometheus: Add text to Add operation button (#46249)

---
 .../prometheus/querybuilder/shared/OperationList.tsx     | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/public/app/plugins/datasource/prometheus/querybuilder/shared/OperationList.tsx b/public/app/plugins/datasource/prometheus/querybuilder/shared/OperationList.tsx
index 88e47e99ed3..e5b5dec7442 100644
--- a/public/app/plugins/datasource/prometheus/querybuilder/shared/OperationList.tsx
+++ b/public/app/plugins/datasource/prometheus/querybuilder/shared/OperationList.tsx
@@ -115,7 +115,9 @@ export function OperationList<T extends QueryWithOperations>({
               placeholder={'Search'}
             />
           ) : (
-            <Button icon={'plus'} variant={'secondary'} onClick={() => setCascaderOpen(true)} title={'Add operation'} />
+            <Button icon={'plus'} variant={'secondary'} onClick={() => setCascaderOpen(true)} title={'Add operation'}>
+              Operations
+            </Button>
           )}
         </div>
       </Stack>
@@ -126,17 +128,20 @@ export function OperationList<T extends QueryWithOperations>({
 const getStyles = (theme: GrafanaTheme2) => {
   return {
     heading: css({
+      label: 'heading',
       fontSize: 12,
       fontWeight: theme.typography.fontWeightMedium,
       marginBottom: 0,
     }),
     operationList: css({
+      label: 'operationList',
       display: 'flex',
       flexWrap: 'wrap',
       gap: theme.spacing(2),
     }),
     addButton: css({
-      width: 150,
+      label: 'addButton',
+      width: 126,
       paddingBottom: theme.spacing(1),
     }),
   };