diff --git a/site/source/design-system/field/Radio/RadioCard.tsx b/site/source/design-system/field/Radio/RadioCard.tsx index 5bca7d307..bd83bc24c 100644 --- a/site/source/design-system/field/Radio/RadioCard.tsx +++ b/site/source/design-system/field/Radio/RadioCard.tsx @@ -30,6 +30,7 @@ export const RadioCardSkeleton = ({ const StyledCardContainer = styled(CardContainer)` ${VisibleRadio} { + display: initial; margin: 0; width: 100%; background: transparent; @@ -58,7 +59,7 @@ export function RadioCard({ ...props }: RadioCardProps) { return ( - + @@ -68,6 +69,12 @@ export function RadioCard({ {description ?? ''} )} - + ) } + +const StyledRadioCardSkeleton = styled(RadioCardSkeleton)` + ${VisibleRadio} { + display: flex; + } +` diff --git a/site/source/design-system/field/Radio/RadioCardGroup.stories.tsx b/site/source/design-system/field/Radio/RadioCardGroup.stories.tsx index 94cd4caae..b1b7dcc0b 100644 --- a/site/source/design-system/field/Radio/RadioCardGroup.stories.tsx +++ b/site/source/design-system/field/Radio/RadioCardGroup.stories.tsx @@ -44,6 +44,7 @@ export const Custom: Story = {

Value 2

+

Second paragraph

Value 3

diff --git a/site/source/pages/assistants/choix-du-statut/détails-activité.tsx b/site/source/pages/assistants/choix-du-statut/détails-activité.tsx index 06d14b978..99cead45d 100644 --- a/site/source/pages/assistants/choix-du-statut/détails-activité.tsx +++ b/site/source/pages/assistants/choix-du-statut/détails-activité.tsx @@ -6,7 +6,7 @@ import { Navigate } from 'react-router-dom' import Skeleton from '@/components/ui/Skeleton' import { useEngine } from '@/components/utils/EngineContext' import { Message, RadioCardGroup } from '@/design-system' -import { StyledRadioSkeleton } from '@/design-system/field/Radio/RadioCard' +import { RadioCardSkeleton } from '@/design-system/field/Radio/RadioCard' import { Spacing } from '@/design-system/layout' import { H3, H5 } from '@/design-system/typography/heading' import { Body } from '@/design-system/typography/paragraphs' @@ -110,14 +110,14 @@ function GuichetSelection({ {entries.map((guichetEntry) => { return ( -
{getGuichetTitle(guichetEntry.label)}
-
+
) })} diff --git a/site/source/pages/assistants/recherche-code-ape/SearchCodeAPE.tsx b/site/source/pages/assistants/recherche-code-ape/SearchCodeAPE.tsx index 37016e075..7bb0da377 100644 --- a/site/source/pages/assistants/recherche-code-ape/SearchCodeAPE.tsx +++ b/site/source/pages/assistants/recherche-code-ape/SearchCodeAPE.tsx @@ -15,6 +15,7 @@ import { } from '@/design-system' import { Button } from '@/design-system/buttons' import { Emoji } from '@/design-system/emoji' +import { VisibleRadio } from '@/design-system/field/Radio/Radio' import { RadioCardSkeleton } from '@/design-system/field/Radio/RadioCard' import { Spacing } from '@/design-system/layout' import { SmallBody } from '@/design-system/typography/paragraphs' @@ -281,6 +282,11 @@ export default function SearchCodeAPE({ const StyledRadioCardGroup = styled(RadioCardGroup)` flex-direction: row; flex-wrap: wrap; + + ${VisibleRadio} { + padding-top: 0; + padding-bottom: 0; + } ` const ActivityNotFound = ({ job }: { job: string }) => {