fix: FormField label margin too large, button reset (#521)

pluralsh · Oct 13, 2023 · b5197ea · b5197ea
1 parent 49c65e0
commit b5197ea
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 1 deletion.
diff --git a/src/components/FormField.tsx b/src/components/FormField.tsx
@@ -111,6 +111,7 @@ function FormFieldRef(
               fontWeight="600"
               flexShrink={0}
               flexGrow={1}
+              margin={0}
               {...labelProps}
             >
               {label}

diff --git a/src/stories/FormField.stories.tsx b/src/stories/FormField.stories.tsx
@@ -142,12 +142,15 @@ export const Caption = AllSizesTemplate.bind({})
 
 Caption.args = {
   label: 'Password',
+  caption: 'A short caption',
 }
 
 export const LongCaption = AllSizesTemplate.bind({})
 
 LongCaption.args = {
   label: 'Label',
+  caption:
+    'This will probably truncate, because it is ever so so longer than usual.',
 }
 
 export const HintText = AllSizesTemplate.bind({})

diff --git a/src/theme/resets.ts b/src/theme/resets.ts
@@ -9,8 +9,9 @@ export const resetPartials = {
     padding: 0,
     font: 'inherit',
     cursor: 'pointer',
-    outline: 'inherit',
+    outline: 'unset',
     alignItems: 'unset',
+    appearance: 'none',
   },
   list: {
     margin: 0,