From fba18efad68a78c93166d449e1dadf25b3ab0219 Mon Sep 17 00:00:00 2001 From: Cory LaViska Date: Mon, 27 Oct 2025 23:02:41 -0400 Subject: [PATCH] fix radio styles (#1669) --- packages/webawesome/docs/docs/color-palettes.njk | 7 ++++++- packages/webawesome/docs/docs/themes.njk | 7 +++++-- 2 files changed, 11 insertions(+), 3 deletions(-) diff --git a/packages/webawesome/docs/docs/color-palettes.njk b/packages/webawesome/docs/docs/color-palettes.njk index 88d38b1f4..9810176ca 100644 --- a/packages/webawesome/docs/docs/color-palettes.njk +++ b/packages/webawesome/docs/docs/color-palettes.njk @@ -178,6 +178,7 @@ Then apply the following class to the `` element: display: flex; flex-direction: row; flex-wrap: wrap; + gap: var(--wa-space-m); } &::part(form-control-label) { @@ -190,7 +191,11 @@ Then apply the following class to the `` element: overflow: hidden; white-space: nowrap; padding: 0; - } + } + + wa-radio { + margin-inline: 0; + } } .palette-card { diff --git a/packages/webawesome/docs/docs/themes.njk b/packages/webawesome/docs/docs/themes.njk index a23368385..be6e20eae 100644 --- a/packages/webawesome/docs/docs/themes.njk +++ b/packages/webawesome/docs/docs/themes.njk @@ -279,14 +279,13 @@ Then apply the following classes to the `` element: } #theme-viewer { - margin-block-start: 2rem; - #theme-picker { &::part(form-control-input) { display: flex; flex-direction: row; flex-wrap: wrap; + gap: var(--wa-space-m); } &::part(form-control-label) { @@ -300,6 +299,10 @@ Then apply the following classes to the `` element: white-space: nowrap; padding: 0; } + + wa-radio { + margin-inline: 0; + } } .theme-card {