fix(dataset): apply horizontal layout to auto-keywords and auto-questions form fields (#17608)

web/src/components/children-delimiter-form.tsx

@@ -94,7 +94,7 @@ export function ChildrenDelimiterForm() {
           name="parser_config.children_delimiter"
           render={({ field }) => (
             <FormItem className="items-center space-y-0 ">
-              <div className="flex items-center gap-1">
+              <div className="flex items-center gap-1 pr-[1px]">
                 <FormLabel
                   required
                   tooltip={t('knowledgeDetails.childrenDelimiterTip')}

web/src/components/chunk-method-dialog/index.tsx

@@ -52,6 +52,7 @@ import {
   useDefaultParserValues,
   useFillDefaultValueOnMount,
 } from './use-default-parser-values';
+import { FormLayout } from '@/constants/form';
 
 const FormId = 'ChunkMethodDialogForm';
 
@@ -380,8 +381,12 @@ export function ChunkMethodDialog({
                         type={MetadataType.SingleFileSetting}
                         otherData={{ documentId }}
                       />
-                      <AutoKeywordsFormField></AutoKeywordsFormField>
-                      <AutoQuestionsFormField></AutoQuestionsFormField>
+                      <AutoKeywordsFormField
+                        layout={FormLayout.Horizontal}
+                      ></AutoKeywordsFormField>
+                      <AutoQuestionsFormField
+                        layout={FormLayout.Horizontal}
+                      ></AutoQuestionsFormField>
                     </>
                   )}
 

web/src/components/delimiter-form-field.tsx

@@ -63,7 +63,7 @@ export function DelimiterFormField() {
         }
         return (
           <FormItem className=" items-center space-y-0 ">
-            <div className="flex items-start gap-1">
+            <div className="flex items-start gap-1 pr-[1px]">
               <FormLabel
                 required
                 tooltip={t('knowledgeDetails.delimiterTip')}