Align multi-image lesion window header elements

Author: EkaterinaPoddubskaya

sources/styles/common.less

@@ -263,7 +263,7 @@ a, .link {
       font-weight: 600;
       text-align: center;
       position: absolute;
-      left: 50%;
+      left: calc(50% - 10px);
     }
   }
 }

sources/styles/popups.less

@@ -330,6 +330,11 @@
   .container {
     position: relative;
     .vertical-slider-left, .vertical-slider-right {
+      .webix_scroll_cont {
+        display: flex;
+        align-items: center;
+        flex-direction: column;
+      }
       position: absolute;
       border: none;
       z-index: 10;
@@ -398,14 +403,15 @@
     }
 
     .vertical-slider-right {
-      left: 10px;
+      left: 18px;
     }
 
     .multi-image-lesion-window__image-label {
       font: Roboto;
       font-weight: 500;
       font-size: 14px;
       line-height: 16px;
+      text-align: center;
     }
 
     .footer-template {
@@ -455,6 +461,7 @@
     .webix_inp_static {
       border: none;
       padding-left: 0px;
+      padding-top: 2px;
     }
     .webix_input_icon.wxi-menu-down, .webix_input_icon.wxi-menu-down:focus {
       outline: none;

sources/views/subviews/gallery/windows/multiImageLesionWindow.js

@@ -70,17 +70,13 @@ function getConfig(windowTitle, closeCallback) {
 		cols: [
 			{width: 20},
 			leftImageLabel,
-			{width: 5},
 			leftAnchorIcon,
-			{
-				gravity: 1,
-				minWidth: 10
-			},
+			{},
 			{
 				rows: [
-					{gravity: 1},
+					{},
 					leftGroupDropdown,
-					{gravity: 1},
+					{},
 				]
 			},
 			{width: 100}
@@ -94,16 +90,15 @@ function getConfig(windowTitle, closeCallback) {
 			{width: 100},
 			{
 				rows: [
-					{gravity: 1},
+					{},
 					rightGroupDropdown,
-					{gravity: 1},
+					{},
 				]
 			},
-			{gravity: 1},
+			{},
 			rightImageLabel,
-			{width: 5},
 			rightAnchorIcon,
-			{gravity: 1},
+			{width: 20},
 		],
 	};