stick bar fixes

client/src/views/record/detail.js

@@ -1359,7 +1359,7 @@ class DetailRecordView extends BaseRecordView {
         let getOffsetTop = (/** JQuery */$element) => {
             let element = $element.get(0);
 
-            let value = -3;
+            let value = 0;
 
             while (element) {
                 value += !isNaN(element.offsetTop) ? element.offsetTop : 0;
@@ -1377,6 +1377,8 @@ class DetailRecordView extends BaseRecordView {
         let stickTop = getOffsetTop($container);
         let blockHeight = $container.outerHeight();
 
+        stickTop -= 5; // padding;
+
         let $block = $('<div>')
             .css('height', blockHeight + 'px')
             .html('&nbsp;')

client/src/views/record/list.js

@@ -766,7 +766,7 @@ class ListRecordView extends View {
         let isSmallWindow = $(window.document).width() < screenWidthXs;
 
         let getOffsetTop = (element) => {
-            let offsetTop = isModal ? 0 : -3;
+            let offsetTop = 0;
 
             let withHeader = !isSmallWindow && !isModal;
 
@@ -797,6 +797,13 @@ class ListRecordView extends View {
         let middleTop = getOffsetTop($middle.get(0));
         let buttonsTop =  getOffsetTop(this.$el.find('.list-buttons-container').get(0));
 
+        if (!isModal) {
+            // padding
+            middleTop -= 5;
+            buttonsTop -= 5;
+        }
+
+
         $scrollable.off('scroll.list-' + this.cid);
         $scrollable.on('scroll.list-' + this.cid, () => controlSticking());
 

frontend/less/espo/custom.less

@@ -878,8 +878,8 @@ input.global-search-input {
     position: fixed;
     background-color: var(--navbar-bg);
     z-index: 1000;
-    padding-top: 3px;
-    padding-bottom: @padding-large-vertical;
+    padding-top: @padding-small-vertical;
+    padding-bottom: @padding-small-vertical;
 }
 
 .list-buttons-container > .actions {
@@ -2081,7 +2081,7 @@ label.attach-file-label {
 
 .stick-sub.button-container {
     background-color: var(--navbar-bg);
-    padding: 3px @container-padding @padding-large-vertical @container-padding;
+    padding: @padding-small-vertical @container-padding @padding-small-vertical @container-padding;
     width: 100%;
 }
 

frontend/less/espo/elements/modal.less

@@ -178,7 +178,6 @@
     width: 100% !important;
     right: 0 !important;
     left: unset !important;
-    padding-top: 0;
     padding-left: @container-padding - 1px;
 }
 

frontend/less/espo/variables.less

@@ -121,8 +121,14 @@
 @modal-title-padding: 10px;
 @modal-backdrop-bg: var(--modal-backdrop-bg);
 
+@padding-base-vertical: 6px;
 @padding-base-horizontal: 10px;
+
 @padding-large-vertical: 10px;
+@padding-large-horizontal:  16px;
+
+@padding-small-vertical: 5px;
+@padding-small-horizontal: 10px;
 
 @navbar-height: 39px;
 @navbar-padding-vertical: ((@navbar-height - @line-height-computed) / 2);