Reduce gap betwel label and labelSuffix (#195)

cube-js · Aug 23, 2022 · ee8ab23 · ee8ab23
1 parent 627b752
commit ee8ab23
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/.changeset/shaggy-apricots-care.md b/.changeset/shaggy-apricots-care.md
@@ -0,0 +1,5 @@
+---
+'@cube-dev/ui-kit': patch
+---
+
+Reduced gap between `label` and `labelSuffix` in `<Field />`
diff --git a/src/components/forms/FieldWrapper.tsx b/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}