make button group smaller and update test

Signed-off-by: Wei Wang <weiwangv@amazon.com>
opensearch-project · Aug 27, 2024 · 7c15a2e · 7c15a2e
1 parent 96fcf39
commit 7c15a2e
Show file tree

Hide file tree

Showing 8 changed files with 16 additions and 12 deletions.
diff --git a/...c/components/create_data_source_wizard/components/create_form/create_data_source_form.tsx b/...c/components/create_data_source_wizard/components/create_form/create_data_source_form.tsx
@@ -773,7 +773,7 @@ export class CreateDataSourceForm extends React.Component<
             >
               <FormattedMessage
                 id="dataSourcesManagement.createDataSource.createButtonLabel"
-                defaultMessage="Create data source"
+                defaultMessage="Connect to OpenSearch Cluster"
               />
             </EuiButton>
           </EuiFlexItem>

diff --git a/...blic/components/data_source_home_panel/__snapshots__/data_source_home_panel.test.tsx.snap b/...blic/components/data_source_home_panel/__snapshots__/data_source_home_panel.test.tsx.snap
diff --git a/...ata_source_management/public/components/data_source_home_panel/data_source_home_panel.tsx b/...ata_source_management/public/components/data_source_home_panel/data_source_home_panel.tsx
@@ -101,6 +101,7 @@ export const DataSourceHomePanel: React.FC<DataSourceHomePanelProps> = ({
       renderComponent: (
         <EuiButtonGroup
           legend="connection type"
+          buttonSize="compressed"
           options={[
             { id: 'manageOpensearchDataSources', label: 'OpenSearch connections' },
             { id: 'manageDirectQueryDataSources', label: 'Direct query connections' },
@@ -183,7 +184,6 @@ export const DataSourceHomePanel: React.FC<DataSourceHomePanelProps> = ({
           </>
         )}
         <EuiFlexItem>
-          <EuiSpacer size="s" />
           {selectedTabId === 'manageOpensearchDataSources' && featureFlagStatus && (
             <DataSourceTableWithRouter {...props} />
           )}

diff --git a/...agement/public/components/data_source_table/__snapshots__/data_source_table.test.tsx.snap b/...agement/public/components/data_source_table/__snapshots__/data_source_table.test.tsx.snap
diff --git a/...ry_data_connection/__snapshots__/manage_direct_query_data_connections_table.test.tsx.snap b/...ry_data_connection/__snapshots__/manage_direct_query_data_connections_table.test.tsx.snap
diff --git a/...es_components/direct_query_data_connection/manage_direct_query_data_connections_table.tsx b/...es_components/direct_query_data_connection/manage_direct_query_data_connections_table.tsx
@@ -331,7 +331,6 @@ export const ManageDirectQueryDataConnectionsTable: React.FC<ManageDirectQueryDa
 
   return (
     <EuiPageBody component="div">
-      <EuiSpacer size="s" />
       <EuiFlexGroup justifyContent="center">
         <EuiFlexItem grow={false} style={{ width: '100%' }}>
           {customSearchBar}

diff --git a/...ents/direct_query_data_source_configuration/__snapshots__/query_permissions.test.tsx.snap b/...ents/direct_query_data_source_configuration/__snapshots__/query_permissions.test.tsx.snap
diff --git a/src/plugins/data_source_management/public/management_app/mount_management_section.tsx b/src/plugins/data_source_management/public/management_app/mount_management_section.tsx
@@ -112,7 +112,7 @@ export async function mountManagementSection(
     <OpenSearchDashboardsContextProvider services={deps}>
       <I18nProvider>
         {params.wrapInPage ? (
-          <EuiPageContent hasShadow={false} hasBorder={false} color="transparent">
+          <EuiPageContent hasShadow={false} hasBorder={false} color="transparent" paddingSize="m">
             {content}
           </EuiPageContent>
         ) : (