style fix

frontend/less/espo/misc/selectize/custom.less

@@ -18,7 +18,7 @@
     &.single {
         .selectize-input {
             font-size: var(--font-size-small);
-            padding: var(--3px) var(--19px) var(--3px) var(--10px);
+            padding: var(--5px) var(--19px) var(--5px) var(--10px);
             min-height: var(--input-height-small);
         }
 
@@ -54,7 +54,7 @@
         > .selectize-input {
             > .item {
                 width: 100%;
-                height: var(--line-height-computed);
+                //height: var(--line-height-computed);
                 overflow: hidden;
                 vertical-align: top;
                 text-overflow: ellipsis;
@@ -83,6 +83,8 @@
     .selectize-input {
         padding-right: var(--19px);
 
+        height: var(--line-height-base);
+
         &.dropdown-active:after,
         &:after {
             color: var(--text-muted-color);
@@ -99,6 +101,10 @@
             position: absolute;
         }
 
+        > .item {
+            vertical-align: middle;
+        }
+
         > .item + input {
             caret-color: transparent;
             margin-right: var(--minus-4px) !important; // Prevent select changing width on focus.
@@ -107,10 +113,20 @@
 
     &.input-sm {
         .selectize-input {
+            height: var(--line-height-small);
+            line-height: var(--line-height-small);
+
             &.dropdown-active:after,
             &:after {
                 top: var(--13px);
             }
+
+            > .item {
+                line-height: var(--line-height-small);
+
+                // Prevents height added.
+                vertical-align: bottom;
+            }
         }
     }
 }

frontend/less/espo/root-variables.less

@@ -91,7 +91,7 @@
 
     --line-height-base: 1.571429;
     --line-height-large: 1.3333333;
-    --line-height-small: 1.571;
+    --line-height-small: 1.5;
 
     --line-height-computed: var(--22px);