fix

Author: Raubzeug

src/components/FixedHeightQuery/FixedHeightQuery.scss

@@ -23,8 +23,7 @@
 
             height: 100% !important;
             margin: 0 !important;
-            padding: var(--g-spacing-2) !important;
-            padding-left: 0 !important;
+            padding: 0 !important;
 
             white-space: pre-wrap !important;
             text-overflow: ellipsis !important;
@@ -40,4 +39,8 @@
             word-break: break-word !important;
         }
     }
+    .ydb-syntax-highlighter__copy {
+        top: 0;
+        right: 0;
+    }
 }

src/components/FixedHeightQuery/FixedHeightQuery.tsx

@@ -7,7 +7,7 @@ import './FixedHeightQuery.scss';
 
 const b = cn('ydb-fixed-height-query');
 
-const FIXED_PADDING = 8;
+const FIXED_PADDING = 0;
 const LINE_HEIGHT = 20;
 
 type FixedHeightQueryMode = 'fixed' | 'max';
@@ -53,6 +53,7 @@ export const FixedHeightQuery = ({
                               alwaysVisible: clipboardButtonAlwaysVisible,
                               copyText: value,
                               withLabel: false,
+                              size: 'xs',
                           }
                         : false
                 }

src/components/SyntaxHighlighter/YDBSyntaxHighlighter.tsx

@@ -1,5 +1,6 @@
 import React from 'react';
 
+import type {ButtonSize} from '@gravity-ui/uikit';
 import {ClipboardButton} from '@gravity-ui/uikit';
 import {nanoid} from '@reduxjs/toolkit';
 import {PrismLight as ReactSyntaxHighlighter} from 'react-syntax-highlighter';
@@ -27,6 +28,7 @@ interface ClipboardButtonOptions {
     alwaysVisible?: boolean;
     copyText?: string;
     withLabel?: boolean;
+    size?: ButtonSize;
 }
 
 export type WithClipboardButtonProp = ClipboardButtonOptions | boolean;
@@ -58,28 +60,22 @@ export function YDBSyntaxHighlighter({
         registerLangAndUpdateKey();
     }, [language]);
 
+    const clipboardButtonProps =
+        typeof withClipboardButton === 'object' ? withClipboardButton : undefined;
+
     const renderCopyButton = () => {
         if (withClipboardButton) {
             return (
                 <div className={b('sticky-container')} onClick={(e) => e.stopPropagation()}>
                     <ClipboardButton
                         view="flat-secondary"
-                        size="s"
+                        size={clipboardButtonProps?.size || 'xs'}
                         className={b('copy', {
-                            visible:
-                                typeof withClipboardButton === 'object' &&
-                                withClipboardButton.alwaysVisible,
+                            visible: clipboardButtonProps?.alwaysVisible,
                         })}
-                        text={
-                            (typeof withClipboardButton === 'object' &&
-                                withClipboardButton.copyText) ||
-                            text
-                        }
+                        text={clipboardButtonProps?.copyText || text}
                     >
-                        {typeof withClipboardButton === 'object' &&
-                        withClipboardButton.withLabel === false
-                            ? null
-                            : i18n('copy')}
+                        {clipboardButtonProps?.withLabel === false ? null : i18n('copy')}
                     </ClipboardButton>
                 </div>
             );

src/containers/Tenant/Diagnostics/TenantOverview/i18n/en.json

@@ -18,7 +18,6 @@
   "context_storage-groups": "Storage: {{count}} groups",
   "context_memory-used": "Memory used",
   "context_network-usage": "Network usage",
-  "context_network-evaluation": "Network usage",
   "context_cpu-description": "CPU load is calculated as the cumulative usage across all actor system pools in the database",
   "context_memory-description": "Memory usage is the total memory consumed by all processes in the database",
   "context_storage-description": "Storage usage shows how much data is stored in the database including user data and indexes",