diff --git a/client/src/views/record/list.js b/client/src/views/record/list.js index f008e7bcb5..99e88b6dd8 100644 --- a/client/src/views/record/list.js +++ b/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 = 0; + let offsetTop = isModal ? 0 : -3; let withHeader = !isSmallWindow && !isModal; diff --git a/frontend/less/espo/custom.less b/frontend/less/espo/custom.less index 0223151616..3d71d740cf 100644 --- a/frontend/less/espo/custom.less +++ b/frontend/less/espo/custom.less @@ -870,7 +870,7 @@ input.global-search-input { } .list-container .list-buttons-container { - margin-bottom: @padding-base-horizontal; + margin-bottom: @padding-large-vertical; min-height: 35px; } @@ -879,6 +879,7 @@ input.global-search-input { background-color: var(--navbar-bg); z-index: 1000; padding-top: 3px; + padding-bottom: @padding-large-vertical; } .list-buttons-container > .actions { @@ -2081,7 +2082,7 @@ label.attach-file-label { .stick-sub.button-container { background-color: var(--navbar-bg); - padding: 3px @container-padding 0 @container-padding; + padding: 3px @container-padding @padding-large-vertical @container-padding; width: 100%; } diff --git a/frontend/less/espo/variables.less b/frontend/less/espo/variables.less index 7093d1579a..a5974a15ba 100644 --- a/frontend/less/espo/variables.less +++ b/frontend/less/espo/variables.less @@ -122,6 +122,7 @@ @modal-backdrop-bg: var(--modal-backdrop-bg); @padding-base-horizontal: 10px; +@padding-large-vertical: 10px; @navbar-height: 39px; @navbar-padding-vertical: ((@navbar-height - @line-height-computed) / 2);