From 569c81d07e17878fb71effb31a25fd5f5f88be62 Mon Sep 17 00:00:00 2001
From: Ivana Huckova <30407135+ivanahuckova@users.noreply.github.com>
Date: Thu, 21 Nov 2019 18:15:40 +0100
Subject: [PATCH] Explore: UI changes for derived fields (#20557)
---
.../grafana-ui/src/components/DataLinks/DataLinkInput.tsx | 1 -
.../plugins/datasource/loki/configuration/DerivedField.tsx | 4 ++++
2 files changed, 4 insertions(+), 1 deletion(-)
diff --git a/packages/grafana-ui/src/components/DataLinks/DataLinkInput.tsx b/packages/grafana-ui/src/components/DataLinks/DataLinkInput.tsx
index 82d4a6892cc..3e8d306b007 100644
--- a/packages/grafana-ui/src/components/DataLinks/DataLinkInput.tsx
+++ b/packages/grafana-ui/src/components/DataLinks/DataLinkInput.tsx
@@ -124,7 +124,6 @@ export const DataLinkInput: React.FC<DataLinkInputProps> = memo(
'gf-form-input',
css`
position: relative;
- height: auto;
`
)}
>
diff --git a/public/app/plugins/datasource/loki/configuration/DerivedField.tsx b/public/app/plugins/datasource/loki/configuration/DerivedField.tsx
index 6a173efb5e2..9498e80eb86 100644
--- a/public/app/plugins/datasource/loki/configuration/DerivedField.tsx
+++ b/public/app/plugins/datasource/loki/configuration/DerivedField.tsx
@@ -6,6 +6,7 @@ import { DerivedFieldConfig } from '../types';
const getStyles = stylesFactory(() => ({
firstRow: css`
display: flex;
+ align-items: baseline;
`,
nameField: css`
flex: 2;
@@ -65,6 +66,9 @@ export const DerivedField = (props: Props) => {
event.preventDefault();
onDelete();
}}
+ className={css`
+ margin-left: 8px;
+ `}
/>
</div>