fix: design-review

Author: Raubzeug

src/components/JsonViewer/JsonViewer.scss

@@ -72,6 +72,8 @@
     }
 
     &__filter {
+        --g-button-height: 24px;
+        --g-button-border-radius: 4px;
         width: 300px;
     }
 

src/components/SyntaxHighlighter/YDBSyntaxHighlighter.tsx

@@ -68,6 +68,7 @@ export function YDBSyntaxHighlighter({
                     className={b('copy', {
                         visible: alwaysVisible,
                     })}
+                    view="flat-secondary"
                 />
             </div>
         );

src/containers/Configs/Configs.scss

@@ -17,6 +17,11 @@
         --data-table-start: calc(
             var(--sticky-tabs-height, 0px) + var(--ydb-configs-controls-height)
         );
-        --ydb-table-with-controls-layout-controls-height: 46px;
+        --ydb-table-with-controls-layout-controls-height: 44px;
+    }
+    &__startup {
+        pre {
+            border-radius: 4px;
+        }
     }
 }

src/containers/Configs/Configs.tsx

@@ -26,7 +26,7 @@ export function Configs({database, className, scrollContainerRef}: ConfigsProps)
             case ConfigTypes.current:
                 return <Config database={database} />;
             case ConfigTypes.startup:
-                return <Startup database={database} />;
+                return <Startup database={database} className={b('startup')} />;
             case ConfigTypes.features:
                 return <FeatureFlags database={database} className={b('feature-flags')} />;
         }

src/containers/Configs/components/FeatureFlags/FeatureFlags.tsx

@@ -107,6 +107,7 @@ export const FeatureFlags = ({database, className}: FeatureFlagsProps) => {
                     value={featureFlagsFilter}
                     onChange={handleSearchChange}
                     placeholder={i18n('search-placeholder')}
+                    width={300}
                 />
             </TableWithControlsLayout.Controls>
             <TableWithControlsLayout.Table loading={isLoading}>

src/containers/Configs/components/Startup/Startup.tsx

@@ -6,8 +6,9 @@ import {useAutoRefreshInterval} from '../../../../utils/hooks/useAutoRefreshInte
 
 interface StartupProps {
     database?: string;
+    className?: string;
 }
-export function Startup({database}: StartupProps) {
+export function Startup({database, className}: StartupProps) {
     const [autoRefreshInterval] = useAutoRefreshInterval();
     const {currentData, isLoading, error} = configsApi.useGetConfigQuery(
         {database},
@@ -21,6 +22,7 @@ export function Startup({database}: StartupProps) {
             {error ? <ResponseError error={error} /> : null}
             {startup ? (
                 <YDBSyntaxHighlighterLazy
+                    className={className}
                     language="yaml"
                     text={startup}
                     transparentBackground={false}

src/containers/Configs/i18n/en.json

@@ -7,7 +7,7 @@
   "disabled": "Disabled",
   "flag-touched": "Flag is changed",
 
-  "search-placeholder": "Search by feature flag",
+  "search-placeholder": "Search...",
   "search-empty": "Empty search result",
   "no-data": "No data",
 

src/containers/Tenant/Diagnostics/Diagnostics.scss

@@ -28,7 +28,7 @@
     &__page-wrapper {
         --ydb-configs-controls-height: 46px;
         --ydb-configs-container-height: 100cqh;
-        --ydb-table-with-controls-layout-controls-height: 46px;
+        --ydb-table-with-controls-layout-controls-height: 44px;
         --ydb-table-with-controls-layout-controls-padding-top: 0px;
         overflow: auto;
         flex-grow: 1;

src/containers/Tenant/Query/QueriesHistory/QueriesHistory.scss

@@ -1,7 +1,7 @@
 @use '../../../../styles/mixins.scss';
 
 .ydb-queries-history {
-    --ydb-table-with-controls-layout-controls-height: 46px;
+    --ydb-table-with-controls-layout-controls-height: 44px;
     overflow: auto;
 
     height: 100%;

src/containers/Tenant/Query/SavedQueries/SavedQueries.scss

@@ -3,7 +3,7 @@
 .ydb-saved-queries {
     $block: &;
 
-    --ydb-table-with-controls-layout-controls-height: 46px;
+    --ydb-table-with-controls-layout-controls-height: 44px;
 
     overflow: auto;