[Backport 2.x] Compress the OuiSearchBar instances used on Advanced Settings and Saved Object Management pages

src/plugins/advanced_settings/public/management_app/advanced_settings.tsx

@@ -239,7 +239,6 @@ export class AdvancedSettingsComponent extends Component<
  if (!this.props.useUpdatedUX) {
  return (
  <>
- <EuiSpacer size="m" />
  <EuiFlexGroup gutterSize="none">
  <EuiFlexItem>
  <PageTitle />
@@ -255,6 +254,7 @@ export class AdvancedSettingsComponent extends Component<
  <PageSubtitle />
  <EuiSpacer size="m" />
  <CallOuts />
+ <EuiSpacer size="m" />
  </>
  );
  } else {
@@ -270,7 +270,7 @@ export class AdvancedSettingsComponent extends Component<
  ]}
  />
  <Search query={query} categories={this.categories} onQueryChange={this.onQueryChange} />
- <EuiSpacer size="m" />
+ <EuiSpacer size="s" />
  </>
  );
  }

src/plugins/advanced_settings/public/management_app/components/search/search.tsx

@@ -108,10 +108,22 @@ export class Search extends PureComponent<SearchProps> {
  );
  }
 
+ /* The `onChange` and `query` attributes below throw type errors for `_AST` and `Query` because
+ * OSD imports the types from the `eui` aliases which makes typescript believe that they are
+ * different.
+ */
+
  return (
  <Fragment>
- {/* @ts-ignore The Query types that typescript complains about here are identical and is a false flag. Once OUI migration is complete, this ignore can be removed */}
- <EuiSearchBar box={box} filters={filters} onChange={this.onChange} query={query} />
+ <EuiSearchBar
+ compressed
+ box={box}
+ filters={filters}
+ // @ts-expect-error
+ onChange={this.onChange}
+ // @ts-expect-error
+ query={query}
+ />
  {queryParseError}
  </Fragment>
  );

src/plugins/saved_objects_management/public/management_section/objects_table/components/table.tsx

@@ -423,6 +423,7 @@ export class Table extends PureComponent<TableProps, TableState> {
  {activeActionContents}
  <EuiSearchBar
  box={{ 'data-test-subj': 'savedObjectSearchBar' }}
+ compressed
  filters={filters}
  onChange={this.onChange}
  toolsRight={[