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 {