design-backend-css-tygh-navbars-menu.less.diff

diff --git a/design/backend/css/tygh/navbars/menu.less b/design/backend/css/tygh/navbars/menu.less
index 0909252..b65e9dd 100644
--- a/design/backend/css/tygh/navbars/menu.less
+++ b/design/backend/css/tygh/navbars/menu.less
@@ -267,27 +267,29 @@
 }
 
 #actions_panel {
-    position: fixed;
-    top: 46px;
+    position: sticky;
+    top: 45px;
     padding-left: 6px;
     display: block;
-    margin-left: auto;
-    margin-right: auto;
-    right: 0;
-    left: @mainSidebarWidth;
-    background: #f8f8f8;
+    margin: auto;
+    left: auto;
+    right: auto;
+    background: #fff;
     border-bottom: 1px solid #e5e5e5;
-    z-index: 110;
-    .box-shadow(0 1px 4px rgba(0, 0, 0, 0.05));
-    -webkit-transition: all 0.2s ease-in-out;
-    -moz-transition: all 0.2s ease-in-out;
-    -o-transition: all 0.2s ease-in-out;
-    transition: all 0.2s ease-in-out;
+    z-index: @zindexDropdown;
+    .box-shadow(@topPanelBoxShadow);
+    transition: 0s top;
     .center-block();
-    height: 58px;
+    height: 44px;
+    border-radius: 0 0 4px 4px;
+    max-width: 1240px;
+    width: 100%;
+
     .title {
         padding: 0px 14px 0px 14px;
         height: 48px;
+        max-width: 80%;
+        
         &__heading {
             overflow: hidden;
             margin: 0;
@@ -295,7 +297,7 @@
             text-overflow: ellipsis;
             white-space: nowrap;
             font-size: 24px;
-            line-height: 58px;
+            line-height: 40px;
             font-weight: 400;
         }
         .f-middle {
@@ -322,18 +324,26 @@
         width: 15px;
     }
     .btn-bar-left {
-        padding: 13px 20px 0px 20px;
+        padding: 5px 0px 0px 0px;
         height: 38px;
         .adv-buttons .btn {
             padding: 4px 8px;
         }
     }
     .btn-bar {
-        padding: 13px 20px 0px 20px;
+        padding: 8px 8px 0px 8px;
         margin-top: 0;
         z-index: 8;
         position: absolute;
-        right: 0px;
+        right: 0;
+
+        &.dropleft {
+            padding: 6px 6px 0px 8px;
+
+            @media (max-width: @TabletBreakpoint) {
+                .box-shadow(@topPanelBoxShadow);
+            }
+        }
     }
     .adv-buttons {
         margin-left: 5px;
@@ -357,6 +367,10 @@
     #dashboard_date_picker {
         margin-top: 7px;
     }
+
+    @media (max-width: @TabletBreakpoint) {
+        position: fixed;
+    }
 }
 
 .navbar-admin-top {
@@ -435,47 +449,6 @@
     }
 }
 
-#actions_panel {
-    position: absolute;
-    position: sticky;
-    top: 0;
-    background: #fff;
-
-    .box-shadow(@topPanelBoxShadow);
-
-    border-radius: 0 0 4px 4px;
-    left: auto;
-    right: auto;
-    height: 44px;
-    max-width: 1240px;
-    width: 100%;
-    margin: auto;
-    transition: 0s top;
-    .btn-bar-left {
-        padding: 5px 0px 0px 0px;
-    }
-    .title {
-        max-width: 80%;
-        &__heading {
-            line-height: 40px;
-        }
-    }
-    .btn-bar {
-        padding: 8px 8px 0px 8px;
-        &.dropleft {
-            padding: 6px 6px 0px 8px;
-
-            @media (max-width: @TabletBreakpoint) {
-                .box-shadow(@topPanelBoxShadow);
-            }
-        }
-    }
-
-    @media (max-width: @TabletBreakpoint) {
-        position: fixed;
-    }
-}
-
 .actions__wrapper {
     width: 100%;
     height: 100%;