fix(frontend): fix container in OTel settings page (#2933)

kubeshop · Jul 12, 2023 · 8f7eb53 · 8f7eb53
1 parent f83a553
commit 8f7eb53
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 6 deletions.
diff --git a/web/src/components/Settings/DataStorePlugin/forms/OpenTelemetryCollector/Configuration.tsx b/web/src/components/Settings/DataStorePlugin/forms/OpenTelemetryCollector/Configuration.tsx
@@ -1,4 +1,4 @@
-import {Form} from 'antd';
+import {Col, Form, Row} from 'antd';
 import {CollectorConfigMap} from 'constants/CollectorConfig.constants';
 import {TCollectorDataStores, TDraftDataStore} from 'types/DataStore.types';
 import {FramedCodeBlock} from 'components/CodeBlock';
@@ -20,9 +20,15 @@ const Configuration = () => {
           own OpenTelemetry Collector config and apply it.
         </S.Description>
       </S.SubtitleContainer>
-      <S.CodeContainer data-cy="file-viewer-code-container">
-        <FramedCodeBlock value={example} language="yaml" title="Collector Configuration" />
-      </S.CodeContainer>
+
+      <Row>
+        <Col span={16}>
+          <S.CodeContainer data-cy="file-viewer-code-container">
+            <FramedCodeBlock value={example} language="yaml" title="Collector Configuration" />
+          </S.CodeContainer>
+        </Col>
+      </Row>
+
       <DataStoreDocsBanner dataStoreType={dataStoreType} />
     </>
   );

diff --git a/...mponents/Settings/DataStorePlugin/forms/OpenTelemetryCollector/OpenTelemetryCollector.tsx b/...mponents/Settings/DataStorePlugin/forms/OpenTelemetryCollector/OpenTelemetryCollector.tsx
@@ -6,12 +6,12 @@ const OpenTelemetryCollector = () => {
   return (
     <>
       <Row gutter={[16, 16]}>
-        <Col span={16}>
+        <Col span={24}>
           <Ingestor />
         </Col>
       </Row>
       <Row gutter={[16, 16]}>
-        <Col span={16}>
+        <Col span={24}>
           <Configuration />
         </Col>
       </Row>