feat: remove space in many2one between input and buttons

gisce · Jan 18, 2024 · 729dce6 · 729dce6
1 parent c1565b3
commit 729dce6
Showing 1 changed file with 7 additions and 4 deletions.
diff --git a/src/widgets/base/many2one/Many2one.tsx b/src/widgets/base/many2one/Many2one.tsx
@@ -238,13 +238,16 @@ export const Many2oneInput: React.FC<Many2oneInputProps> = (
 
   return (
     <Row gutter={8} wrap={false}>
-      <Col flex="auto">
+      <Col flex="auto" style={{ paddingRight: 0 }}>
         <CustomInput
           type="text"
           value={inputText}
           disabled={readOnly}
           onChange={onValueStringChange}
-          style={requiredStyle}
+          style={{
+            ...requiredStyle,
+            ...{ borderTopRightRadius: 0, borderBottomRightRadius: 0 },
+          }}
           onBlur={onElementLostFocus}
           onKeyDown={onKeyDown}
           suffix={
@@ -256,14 +259,14 @@ export const Many2oneInput: React.FC<Many2oneInputProps> = (
           }
         />
       </Col>
-      <Col flex="32px" style={{ paddingRight: 0 }}>
+      <Col flex="32px" style={{ paddingRight: 0, paddingLeft: 0 }}>
         <Button
           icon={<FolderOpenOutlined />}
           disabled={id === undefined || text === "" || inputText === undefined}
           onClick={() => {
             setShowFormModal(true);
           }}
-          style={{ borderTopRightRadius: 0, borderBottomRightRadius: 0 }}
+          style={{ borderRadius: 0 }}
           tabIndex={-1}
         />
       </Col>