diff --git a/apps/spreadsheeteditor/main/resources/less/statusbar.less b/apps/spreadsheeteditor/main/resources/less/statusbar.less index 9e4b2d0ed4..9d3c43dd11 100644 --- a/apps/spreadsheeteditor/main/resources/less/statusbar.less +++ b/apps/spreadsheeteditor/main/resources/less/statusbar.less @@ -321,15 +321,18 @@ &.icon-visible { > span { - .padding-x-sheet(25px, 10px); + .padding-x-sheet(calc((@statusbar-height-ie + @scaled-one-px-value-ie + @x-small-btn-size-ie) / 2), 10px); + .padding-x-sheet(calc((@statusbar-height + @scaled-one-px-value + @x-small-btn-size) / 2), 10px); > .toolbar__icon { - width: 20px; - height: 20px; + width: @x-small-btn-size-ie; + width: @x-small-btn-size; + height: @x-small-btn-size-ie; + height: @x-small-btn-size; position: absolute; top: 0; left: 0; - margin: calc(@statusbar-height-ie - @x-small-btn-size-ie); - margin: calc(@statusbar-height - @x-small-btn-size); + margin: calc((@statusbar-height-ie + @scaled-one-px-value-ie - @x-small-btn-size-ie) / 2); + margin: calc((@statusbar-height + @scaled-one-px-value - @x-small-btn-size) / 2); .rtl-sheet& { left: auto; right: 0; @@ -388,11 +391,19 @@ } &.icon-visible { > span { - .padding-x-sheet(24px, 10px); + .padding-x-sheet(calc((@statusbar-height-ie + @scaled-one-px-value-ie + @x-small-btn-size-ie) / 2 - @scaled-one-px-value-ie), 10px); + .padding-x-sheet(calc((@statusbar-height + @scaled-one-px-value + @x-small-btn-size) / 2 - @scaled-one-px-value), 10px); + } + &:first-child { + > span { + .padding-x-sheet(calc((@statusbar-height-ie + @scaled-one-px-value-ie + @x-small-btn-size-ie) / 2 - @scaled-one-px-value-ie * 2), 10px); + .padding-x-sheet(calc((@statusbar-height + @scaled-one-px-value + @x-small-btn-size) / 2 - @scaled-one-px-value * 2), 10px); + } } &.right { > span { - .padding-x-sheet(25px, 10px); + .padding-x-sheet(calc((@statusbar-height-ie + @scaled-one-px-value-ie + @x-small-btn-size-ie) / 2), 10px); + .padding-x-sheet(calc((@statusbar-height + @scaled-one-px-value + @x-small-btn-size) / 2), 10px); } } }