[form-builder] Fix spacing and font-size of RadioSelect

sanity-io · Feb 4, 2021 · 4549411 · 4549411 · vercel · Feb 4, 2021
1 parent 011bf9f
commit 4549411
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/packages/@sanity/form-builder/src/inputs/SelectInput.tsx b/packages/@sanity/form-builder/src/inputs/SelectInput.tsx
@@ -122,8 +122,8 @@ const RadioSelect = React.forwardRef(function RadioSelect(
 
   const Layout = direction === 'horizontal' ? Inline : Stack
   return (
-    <Card border padding={4} radius={1}>
-      <Layout space={4} role="group">
+    <Card border padding={3} radius={1}>
+      <Layout space={3} role="group">
         {items.map((item, index) => (
           <Flex key={index} as="label" align="center">
             <Radio
@@ -135,8 +135,10 @@ const RadioSelect = React.forwardRef(function RadioSelect(
               customValidity={customValidity}
               name={inputId}
             />
-            <Box marginLeft={3}>
-              <Text>{item.title}</Text>
+            <Box marginLeft={2}>
+              <Text size={1} weight="semibold">
+                {item.title}
+              </Text>
             </Box>
           </Flex>
         ))}