fix: editor height

Author: astandrik

src/containers/Tenant/Diagnostics/TopQueries/QueryDetails/QueryDetails.scss

@@ -54,7 +54,9 @@
     &__query-content {
         position: relative;
 
-        overflow: hidden;
+        display: flex;
+        flex: 1;
+        flex-direction: column;
 
         margin-top: var(--g-spacing-5);
 

src/containers/Tenant/Diagnostics/TopQueries/QueryDetails/QueryDetails.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 
 import {Code, Xmark} from '@gravity-ui/icons';
-import {Button, Icon} from '@gravity-ui/uikit';
+import {Button, Flex, Icon} from '@gravity-ui/uikit';
 
 import Fullscreen from '../../../../../components/Fullscreen/Fullscreen';
 import type {InfoViewerItem} from '../../../../../components/InfoViewer';
@@ -46,7 +46,7 @@ export const QueryDetails = ({
             </div>
 
             <Fullscreen>
-                <div className={b('content')}>
+                <Flex direction="column" className={b('content')}>
                     <InfoViewer info={infoItems} />
 
                     <div className={b('query-content')}>
@@ -70,7 +70,7 @@ export const QueryDetails = ({
                             withClipboardButton={{alwaysVisible: true, withLabel: false}}
                         />
                     </div>
-                </div>
+                </Flex>
             </Fullscreen>
         </div>
     );