RI-7250 - RDI---the-loading-message-is-not-aligned

Author: KIvanow

redisinsight/ui/src/pages/rdi/pipeline-management/pages/config/Config.tsx

@@ -179,10 +179,7 @@ const Config = () => {
             className={cx('rdi__editorWrapper', 'rdi__loading')}
             data-testid="rdi-config-loading"
           >
-            <Text color="subdued" style={{ marginBottom: 12 }}>
-              Loading data...
-            </Text>
-            <Loader color="secondary" size="l" />
+            <Loader color="secondary" size="l" loaderText='Loading data...' />
           </div>
         ) : (
           <MonacoYaml

redisinsight/ui/src/pages/rdi/pipeline-management/pages/job/Job.tsx

@@ -239,10 +239,7 @@ const Job = (props: Props) => {
             className={cx('rdi__editorWrapper', 'rdi__loading')}
             data-testid="rdi-job-loading"
           >
-            <Text color="subdued" style={{ marginBottom: 12 }}>
-              Loading data...
-            </Text>
-            <Loader color="secondary" size="l" />
+            <Loader color="secondary" size="l" loaderText="Loading data..." />
           </div>
         ) : (
           <MonacoYaml