diff --git a/frontend/resources/styles/common/framework.scss b/frontend/resources/styles/common/framework.scss index ec14acfb0..6c1923b92 100644 --- a/frontend/resources/styles/common/framework.scss +++ b/frontend/resources/styles/common/framework.scss @@ -373,9 +373,10 @@ ul.slider-dots { font-size: $fs12; height: 20px; position: absolute; - right: 3px; + right: $small; + text-align: right; top: 26%; - width: 20px; + width: 18px; } .after { @@ -539,7 +540,7 @@ input.element-name { @extend .input-text; background-image: url("/images/icons/arrow-down-white.svg"); background-repeat: no-repeat; - background-position: 95% 48%; + background-position: calc(100% - 4px) 48%; background-size: 10px; cursor: pointer; diff --git a/frontend/resources/styles/main/partials/sidebar-element-options.scss b/frontend/resources/styles/main/partials/sidebar-element-options.scss index c9a501586..4465ef2c3 100644 --- a/frontend/resources/styles/main/partials/sidebar-element-options.scss +++ b/frontend/resources/styles/main/partials/sidebar-element-options.scss @@ -226,17 +226,17 @@ .element-set-subtitle { color: $color-gray-20; font-size: $fs11; - width: 12rem; + width: 64px; } .lock-size { cursor: pointer; - width: 20%; + margin: auto; svg { fill: $color-gray-20; - height: 15px; - width: 15px; + height: 14px; + width: 14px; &:hover { fill: $color-primary; diff --git a/frontend/src/app/main/ui/workspace/sidebar/options/measures.cljs b/frontend/src/app/main/ui/workspace/sidebar/options/measures.cljs index fae050ac3..f76fa2ee0 100644 --- a/frontend/src/app/main/ui/workspace/sidebar/options/measures.cljs +++ b/frontend/src/app/main/ui/workspace/sidebar/options/measures.cljs @@ -114,13 +114,6 @@ (when (options :size) [:div.row-flex [:span.element-set-subtitle (t locale "workspace.options.size")] - [:div.lock-size {:class (classnames - :selected (true? proportion-lock) - :disabled (= proportion-lock :multiple)) - :on-click on-proportion-lock-change} - (if proportion-lock - i/lock - i/unlock)] [:div.input-element.width [:input.input-text {:type "number" :min "0" @@ -138,7 +131,15 @@ :placeholder "--" :on-click select-all :on-change on-height-change - :value (attr->string :height values)}]]]) + :value (attr->string :height values)}]] + + [:div.lock-size {:class (classnames + :selected (true? proportion-lock) + :disabled (= proportion-lock :multiple)) + :on-click on-proportion-lock-change} + (if proportion-lock + i/lock + i/unlock)]]) ;; POSITION (when (options :position)