diff --git a/src/components/TableWithControlsLayout/TableWithControlsLayout.tsx b/src/components/TableWithControlsLayout/TableWithControlsLayout.tsx index 16a74fc4e3..7e99aed39b 100644 --- a/src/components/TableWithControlsLayout/TableWithControlsLayout.tsx +++ b/src/components/TableWithControlsLayout/TableWithControlsLayout.tsx @@ -8,6 +8,7 @@ const b = cn('ydb-table-with-controls-layout'); interface TableWithControlsLayoutItemProps { children: React.ReactNode; className?: string; + wrapperClassName?: string; } interface TableProps extends TableWithControlsLayoutItemProps { @@ -24,9 +25,10 @@ export const TableWithControlsLayout = ({ TableWithControlsLayout.Controls = function TableControls({ children, className, + wrapperClassName, }: TableWithControlsLayoutItemProps) { return ( -
+
{children}
); diff --git a/src/containers/Storage/PaginatedStorageGroups.tsx b/src/containers/Storage/PaginatedStorageGroups.tsx index b4dc1048ca..e9628cc927 100644 --- a/src/containers/Storage/PaginatedStorageGroups.tsx +++ b/src/containers/Storage/PaginatedStorageGroups.tsx @@ -189,12 +189,16 @@ function GroupedStorageGroupsComponent({ }; return ( - - {renderControls()} - {error ? : null} - - {renderGroups()} - - + + + {renderControls()} + + + {error ? : null} + + {renderGroups()} + + + ); } diff --git a/src/containers/Storage/PaginatedStorageNodes.tsx b/src/containers/Storage/PaginatedStorageNodes.tsx index 5e8771cd6f..11867913f1 100644 --- a/src/containers/Storage/PaginatedStorageNodes.tsx +++ b/src/containers/Storage/PaginatedStorageNodes.tsx @@ -192,13 +192,17 @@ function GroupedStorageNodesComponent({ }; return ( - - {renderControls()} - {error ? : null} - - {renderGroups()} - - + + + {renderControls()} + + + {error ? : null} + + {renderGroups()} + + + ); } diff --git a/src/containers/Storage/Storage.scss b/src/containers/Storage/Storage.scss index d52695d7e2..1b53c15aa6 100644 --- a/src/containers/Storage/Storage.scss +++ b/src/containers/Storage/Storage.scss @@ -19,4 +19,13 @@ &__groups-wrapper { padding-right: 20px; } + + &__controls { + width: unset; + margin-right: -40px; + padding-right: 40px; + padding-left: 20px; + + transform: translateX(-20px); + } }