editor sub header: less top and bottom padding + better bar top position for better transition to fixed position

src/Umbraco.Web.UI.Client/src/common/directives/components/umbstickybar.directive.js

@@ -9,6 +9,7 @@
          var scrollableContainer = null;
          var clonedBar = null;
          var cloneIsMade = false;
+         var barTop = bar.context.offsetTop;
 
          function activate() {
 
@@ -31,9 +32,8 @@
          function determineVisibility() {
 
             var scrollTop = scrollableContainer.scrollTop();
-            var elementTop = bar.offset().top;
 
-            if (scrollTop > elementTop) {
+            if (scrollTop > barTop) {
 
                if (!cloneIsMade) {
 

src/Umbraco.Web.UI.Client/src/less/components/editor/subheader/umb-editor-sub-header.less

@@ -1,5 +1,5 @@
 .umb-editor-sub-header {
-   padding: 20px 0;
+   padding: 15px 0;
    margin-bottom: 20px;
    background: #ffffff;
    display: flex;