Reduce gap betwel label and labelSuffix (#195)

Author: MrFlashAccount

.changeset/shaggy-apricots-care.md

@@ -0,0 +1,5 @@
+---
+'@cube-dev/ui-kit': patch
+---
+
+Reduced gap between `label` and `labelSuffix` in `<Field />`

src/components/forms/FieldWrapper.tsx

@@ -136,7 +136,7 @@ function FieldWrapper(props: CubeFieldWrapperProps, ref) {
       {...labelProps}
     >
       <Flex placeContent="baseline space-between" width="100%">
-        <Space placeItems="center" gap="1x">
+        <Space placeItems="center" gap="0.25x">
           <div>{label}</div>
 
           {tooltip ? (
@@ -145,7 +145,9 @@ function FieldWrapper(props: CubeFieldWrapperProps, ref) {
               title={tooltip}
               width="initial max-content 40x"
             >
-              <InfoCircleOutlined style={{ color: 'var(--primary-color)' }} />
+              <InfoCircleOutlined
+                style={{ color: 'var(--primary-color)', margin: '0 4px' }}
+              />
             </TooltipProvider>
           ) : null}