diff --git a/src/components/Form/Settings/Dropdown/Dropdown.scss b/src/components/Form/Settings/Dropdown/Dropdown.scss index 6786a8b8..e0874aa7 100644 --- a/src/components/Form/Settings/Dropdown/Dropdown.scss +++ b/src/components/Form/Settings/Dropdown/Dropdown.scss @@ -97,7 +97,7 @@ right: 0; max-height: 250px; overflow-y: auto; - z-index: 100; + z-index: 9999; @include animation(dropdownSlideIn 0.2s ease-out); @include themed { diff --git a/src/components/Form/Settings/Slider/Slider.jsx b/src/components/Form/Settings/Slider/Slider.jsx index e1d87628..49e42329 100644 --- a/src/components/Form/Settings/Slider/Slider.jsx +++ b/src/components/Form/Settings/Slider/Slider.jsx @@ -81,14 +81,13 @@ const SliderComponent = memo((props) => { return (
- - {props.title} - {Number(value)} - +
+ {Number(value)} + {variables.getMessage('modals.main.settings.buttons.reset')} - +
span:first-of-type { - font-weight: 600; + .slider-reset { + display: flex; + align-items: center; + gap: 5px; + cursor: pointer; + font-size: 12px; + font-weight: 500; + text-transform: uppercase; + letter-spacing: 0.5px; + + @include themed { + color: t($link); } - .link { - display: flex; - align-items: center; - gap: 5px; - margin-left: auto; - cursor: pointer; - font-size: 14px; + &:hover { + opacity: 0.8; + } - @include themed { - color: t($link); - } - - &:hover { - opacity: 0.8; - } - - svg { - font-size: 16px; - } + svg { + font-size: 12px; } }