Explore: UI changes for derived fields (#20557)

6 years ago · 569c81d07e
parent 2484b24c75
commit 569c81d07e
2 changed files with 4 additions and 1 deletions
--- 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;
          `
        )}
      >
--- 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>