From 563c3d40553949d4beeb835795df83decb93ec1c Mon Sep 17 00:00:00 2001
From: Andreas Christou <andreas.christou@grafana.com>
Date: Wed, 20 Sep 2023 14:27:32 +0100
Subject: [PATCH] Remove one more inline field

---
 src/views/CHConfigEditor.tsx | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/views/CHConfigEditor.tsx b/src/views/CHConfigEditor.tsx
index 2f57f360..f3c0c8c7 100644
--- a/src/views/CHConfigEditor.tsx
+++ b/src/views/CHConfigEditor.tsx
@@ -4,7 +4,7 @@ import {
   onUpdateDatasourceJsonDataOption,
   onUpdateDatasourceSecureJsonDataOption,
 } from '@grafana/data';
-import { RadioButtonGroup, Switch, Input, Field, SecretInput, Button, InlineField, InlineFieldRow } from '@grafana/ui';
+import { RadioButtonGroup, Switch, Input, SecretInput, Button, Field, HorizontalGroup } from '@grafana/ui';
 import { CertificationKey } from '../components/ui/CertificationKey';
 import { Components } from './../selectors';
 import { CHConfig, CHCustomSetting, CHSecureConfig, Protocol } from './../types';
@@ -357,8 +357,8 @@ export const ConfigEditor: React.FC<Props> = (props) => {
         <ConfigSubSection title="Custom Settings">
           {customSettings.map(({ setting, value }, i) => {
             return (
-              <InlineFieldRow key={i}>
-                <InlineField label={`Setting`} aria-label={`Setting`}>
+              <HorizontalGroup key={i}>
+                <Field label={`Setting`} aria-label={`Setting`}>
                   <Input
                     value={setting}
                     placeholder={'Setting'}
@@ -371,8 +371,8 @@ export const ConfigEditor: React.FC<Props> = (props) => {
                       onCustomSettingsChange(customSettings);
                     }}
                   ></Input>
-                </InlineField>
-                <InlineField label={'Value'} aria-label={`Value`}>
+                </Field>
+                <Field label={'Value'} aria-label={`Value`}>
                   <Input
                     value={value}
                     placeholder={'Value'}
@@ -385,8 +385,8 @@ export const ConfigEditor: React.FC<Props> = (props) => {
                       onCustomSettingsChange(customSettings);
                     }}
                   ></Input>
-                </InlineField>
-              </InlineFieldRow>
+                </Field>
+              </HorizontalGroup>
             );
           })}
           <Button