From 0d54a8858b5671217e97a097b7c53efdc7b800e5 Mon Sep 17 00:00:00 2001
From: Ivana Huckova <30407135+ivanahuckova@users.noreply.github.com>
Date: Tue, 30 May 2023 15:04:31 +0200
Subject: [PATCH] Flux: Improve styling of sample query button and use sentence
 case (#69222)

---
 .../datasource/influxdb/components/FluxQueryEditor.tsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/public/app/plugins/datasource/influxdb/components/FluxQueryEditor.tsx b/public/app/plugins/datasource/influxdb/components/FluxQueryEditor.tsx
index 51206432576..e1d2c986001 100644
--- a/public/app/plugins/datasource/influxdb/components/FluxQueryEditor.tsx
+++ b/public/app/plugins/datasource/influxdb/components/FluxQueryEditor.tsx
@@ -199,7 +199,15 @@ class UnthemedFluxQueryEditor extends PureComponent<Props> {
           >
             Flux language syntax
           </LinkButton>
-          <Segment options={samples} value="Sample Query" onChange={this.onSampleChange} />
+          <Segment
+            options={samples}
+            value="Sample query"
+            onChange={this.onSampleChange}
+            className={css`
+              margin-top: -${theme.spacing(0.5)};
+              margin-left: ${theme.spacing(0.5)};
+            `}
+          />
           <div className="gf-form gf-form--grow">
             <div className="gf-form-label gf-form-label--grow"></div>
           </div>