diff --git a/src/components/Elements/MainModal/scss/modules/_modalTabContent.scss b/src/components/Elements/MainModal/scss/modules/_modalTabContent.scss index c8250583..96986010 100644 --- a/src/components/Elements/MainModal/scss/modules/_modalTabContent.scss +++ b/src/components/Elements/MainModal/scss/modules/_modalTabContent.scss @@ -35,8 +35,8 @@ /* border-top: 1px solid #ccc; */ border-bottom: 1px solid #676767; - padding-top: 1rem; - padding-bottom: 1rem; + padding-top: 2rem; + padding-bottom: 2rem; &.settingsNoBorder { border-bottom: none; @@ -57,6 +57,7 @@ flex-flow: column; align-items: flex-end; width: 300px; + gap: 10px; button { margin-top: 10px; diff --git a/src/components/Form/Settings/Dropdown/Dropdown.scss b/src/components/Form/Settings/Dropdown/Dropdown.scss index e4c9c03d..547f5fc9 100644 --- a/src/components/Form/Settings/Dropdown/Dropdown.scss +++ b/src/components/Form/Settings/Dropdown/Dropdown.scss @@ -52,7 +52,6 @@ .dropdown { position: relative; width: 300px; - margin-top: 10px; gap: 8px; display: flex; flex-flow: column; @@ -242,12 +241,6 @@ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; - - .dropdown-option-default { - @include themed { - color: t($subColor); - } - } } .dropdown-option-check { diff --git a/src/components/Form/Settings/Radio/Radio.jsx b/src/components/Form/Settings/Radio/Radio.jsx index b1a96969..cfb6086a 100644 --- a/src/components/Form/Settings/Radio/Radio.jsx +++ b/src/components/Form/Settings/Radio/Radio.jsx @@ -54,9 +54,9 @@ const Radio = memo((props) => { return (
{props.title && ( - - {props.title} - +
+ +
)}
{props.options.map((option) => ( diff --git a/src/components/Form/Settings/Radio/Radio.scss b/src/components/Form/Settings/Radio/Radio.scss index 2bd09236..de7d02ae 100644 --- a/src/components/Form/Settings/Radio/Radio.scss +++ b/src/components/Form/Settings/Radio/Radio.scss @@ -19,16 +19,19 @@ .radio-group { width: 100%; - margin-top: 10px; - .radio-title { - font-weight: bold; - font-size: 1.17rem; - margin-bottom: 12px; - display: block; + .radio-header { + margin-bottom: 18px; + } + + .radio-header-label { + font-size: 12px; + font-weight: 500; + text-transform: uppercase; + letter-spacing: 0.5px; @include themed { - color: t($color); + color: t($subColor); } }