From d4cbffcf4e2df6053d71d48ac88cc30ae69345a3 Mon Sep 17 00:00:00 2001 From: remi Date: Sun, 1 Sep 2024 10:55:08 -0500 Subject: [PATCH 1/2] fix(Spacing between radio buttons) --- packages/UI/src/components/atoms/Radio/StyledRadio.ts | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/packages/UI/src/components/atoms/Radio/StyledRadio.ts b/packages/UI/src/components/atoms/Radio/StyledRadio.ts index 4d9850716..960fee465 100644 --- a/packages/UI/src/components/atoms/Radio/StyledRadio.ts +++ b/packages/UI/src/components/atoms/Radio/StyledRadio.ts @@ -5,7 +5,7 @@ export const Option = styled.label` font-family: ${({ theme }) => theme.fonts.normal}; display: flex; align-items: center; - gap: 0.5rem; + gap: 0.75rem; list-style: none; padding: 0.5rem 1rem; border-radius: 8px; @@ -16,6 +16,8 @@ export const Option = styled.label` p { pointer-events: none; } + + margin-bottom: 0.25rem; `; export const Input = styled.input` From 25ce2449114c723cb6596bdf3f60dbfefd840197 Mon Sep 17 00:00:00 2001 From: remi Date: Sun, 1 Sep 2024 11:06:13 -0500 Subject: [PATCH 2/2] fix(Restored smaller gap) --- packages/UI/src/components/atoms/Radio/StyledRadio.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/UI/src/components/atoms/Radio/StyledRadio.ts b/packages/UI/src/components/atoms/Radio/StyledRadio.ts index 960fee465..763f718ba 100644 --- a/packages/UI/src/components/atoms/Radio/StyledRadio.ts +++ b/packages/UI/src/components/atoms/Radio/StyledRadio.ts @@ -5,7 +5,7 @@ export const Option = styled.label` font-family: ${({ theme }) => theme.fonts.normal}; display: flex; align-items: center; - gap: 0.75rem; + gap: 0.5rem; list-style: none; padding: 0.5rem 1rem; border-radius: 8px;