fix: cluster layout (#1507)

Author: Raubzeug

src/components/TableWithControlsLayout/TableWithControlsLayout.scss

@@ -1,6 +1,8 @@
 @import '../../styles/mixins.scss';
 
 .ydb-table-with-controls-layout {
+    --data-table-sticky-top-offset: 62px;
+
     display: inline-block;
 
     box-sizing: border-box;
@@ -31,11 +33,11 @@
     }
 
     .ydb-paginated-table__head {
-        top: 62px;
+        top: var(--data-table-sticky-top-offset, 62px);
     }
 
     .data-table__sticky_moving {
         // Place table head right after controls
-        top: 62px !important;
+        top: var(--data-table-sticky-top-offset, 62px) !important;
     }
 }

src/containers/Cluster/Cluster.scss

@@ -1,6 +1,6 @@
 @import '../../styles/mixins.scss';
 
-.cluster {
+.ydb-cluster {
     position: relative;
 
     overflow: auto;
@@ -74,4 +74,8 @@
 
         background-color: var(--g-color-base-background);
     }
+
+    .ydb-table-with-controls-layout {
+        --data-table-sticky-top-offset: 102px;
+    }
 }

src/containers/Cluster/Cluster.tsx

@@ -38,7 +38,7 @@ import {clusterTabs, clusterTabsIds, getClusterPath, isClusterTab} from './utils
 
 import './Cluster.scss';
 
-const b = cn('cluster');
+const b = cn('ydb-cluster');
 
 interface ClusterProps {
     additionalTenantsProps?: AdditionalTenantsProps;