fix: error paddings

Author: astandrik

src/containers/Tenant/Query/QueryResult/components/QueryResultError/QueryResultError.scss

@@ -1,5 +1,6 @@
 .ydb-query-result-error {
     &__message {
-        padding: 15px 10px;
+        padding-top: var(--g-spacing-4);
+        padding-left: var(--g-spacing-4);
     }
 }

src/containers/Tenant/Query/QueryResult/components/QueryResultError/QueryResultError.tsx

@@ -6,7 +6,7 @@ import {isQueryCancelledError} from '../../../utils/isQueryCancelledError';
 
 import './QueryResultError.scss';
 
-const b = cn('ydb-query-result-error ');
+const b = cn('ydb-query-result-error');
 
 export function QueryResultError({error}: {error: unknown}) {
     const parsedError = parseQueryError(error);
@@ -22,7 +22,11 @@ export function QueryResultError({error}: {error: unknown}) {
     }
 
     if (typeof parsedError === 'object') {
-        return <ResultIssues data={parsedError} />;
+        return (
+            <div className={b('message')}>
+                <ResultIssues data={parsedError} />
+            </div>
+        );
     }
 
     return <div className={b('message')}>{parsedError}</div>;

src/containers/Tenant/Query/QueryResult/components/ResultSetsViewer/ResultSetsViewer.scss

@@ -23,11 +23,6 @@
         width: 100%;
     }
 
-    &__error-container {
-        padding-top: var(--g-spacing-4);
-        padding-left: var(--g-spacing-4);
-    }
-
     &__result {
         display: flex;
         overflow: auto;

src/containers/Tenant/Query/QueryResult/components/ResultSetsViewer/ResultSetsViewer.tsx

@@ -66,11 +66,7 @@ export function ResultSetsViewer(props: ResultSetsViewerProps) {
 
     return (
         <div className={b('result-wrapper')}>
-            {props.error ? (
-                <div className={b('error-container')}>
-                    <QueryResultError error={error} />{' '}
-                </div>
-            ) : null}
+            {props.error ? <QueryResultError error={error} /> : null}
             {renderTabs()}
             {currentResult ? (
                 <div className={b('result')}>