Improve header button spacing

elastic · Oct 25, 2024 · bba074d · bba074d
1 parent 0e919a9
commit bba074d
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 4 deletions.
diff --git a/packages/core/chrome/core-chrome-browser-internal/src/ui/project/header.tsx b/packages/core/chrome/core-chrome-browser-internal/src/ui/project/header.tsx
@@ -306,7 +306,11 @@ export const ProjectHeader = ({
                 />
               </EuiHeaderSectionItem>
 
-              <EuiHeaderSectionItem>
+              <EuiHeaderSectionItem
+                css={css`
+                  gap: ${euiTheme.size.s};
+                `}
+              >
                 <HeaderNavControls navControls$={observables.navControlsRight$} />
               </EuiHeaderSectionItem>
             </EuiHeaderSection>

diff --git a/x-pack/plugins/global_search_bar/public/components/search_bar.tsx b/x-pack/plugins/global_search_bar/public/components/search_bar.tsx
@@ -325,11 +325,12 @@ export const SearchBar: FC<SearchBarProps> = (opts) => {
         buttonRef={visibilityButtonRef}
         color="text"
         data-test-subj="nav-search-reveal"
-        iconType="search"
         onClick={() => {
           setIsVisible(true);
         }}
-      />
+      >
+        <EuiIcon type="search" size="m" />
+      </EuiHeaderSectionItemButton>
     );
   }
 

diff --git a/x-pack/plugins/serverless/public/plugin.tsx b/x-pack/plugins/serverless/public/plugin.tsx
@@ -61,7 +61,7 @@ export class ServerlessPlugin
       const { currentType } = developer.projectSwitcher;
 
       core.chrome.navControls.registerRight({
-        order: 500,
+        order: 5000,
         mount: (target) => this.mountProjectSwitcher(target, core, currentType),
       });
     }