diff --git a/web/src/pages/CERulePage/style.scss b/web/src/pages/CERulePage/style.scss index 7db047d241..bd39d367c9 100644 --- a/web/src/pages/CERulePage/style.scss +++ b/web/src/pages/CERulePage/style.scss @@ -85,7 +85,7 @@ } & > .fold { - margin-top: var(--spacing-sm); + margin-top: var(--spacing-lg); } & > .fold.folded { @@ -101,12 +101,20 @@ .restriction-body { display: flex; flex-direction: column; + + & > .fold { + margin-top: var(--spacing-md); + } + + & > .fold.folded { + margin-top: 0; + } } .restriction-radio { display: flex; flex-direction: column; - gap: var(--spacing-sm); + gap: var(--spacing-md); } } diff --git a/web/src/shared/components/SelectMultiple/SelectMultiple.tsx b/web/src/shared/components/SelectMultiple/SelectMultiple.tsx index d8ec3041ce..4d2cebdaaa 100644 --- a/web/src/shared/components/SelectMultiple/SelectMultiple.tsx +++ b/web/src/shared/components/SelectMultiple/SelectMultiple.tsx @@ -65,7 +65,7 @@ export const SelectMultiple = ({ ))} {selectedOptions.length > 5 && } - + {selectedOptions.length > 0 && }