From 63f340e9c7cc44dafd52a5b52f0a3f8757debd81 Mon Sep 17 00:00:00 2001
From: Dan Hodgson <daniel.hodgson@intergral.com>
Date: Tue, 5 Nov 2024 21:13:28 +0000
Subject: [PATCH] fix: reorder divs on toolbar

---
 .../AppChrome/NavToolbar/NavToolbar.tsx         | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/public/app/core/components/AppChrome/NavToolbar/NavToolbar.tsx b/public/app/core/components/AppChrome/NavToolbar/NavToolbar.tsx
index e301b87728..81b4522e52 100644
--- a/public/app/core/components/AppChrome/NavToolbar/NavToolbar.tsx
+++ b/public/app/core/components/AppChrome/NavToolbar/NavToolbar.tsx
@@ -4,7 +4,6 @@ import * as React from 'react';
 import { GrafanaTheme2, NavModelItem } from '@grafana/data';
 import { Components } from '@grafana/e2e-selectors';
 import { useStyles2 } from '@grafana/ui';
-
 import { HOME_NAV_ID } from 'app/core/reducers/navModel';
 import { useSelector } from 'app/types';
 
@@ -38,13 +37,13 @@ export function NavToolbar({
 
   return (
     <div data-testid={Components.NavToolbar.container} className={styles.pageToolbar}>
-      <Breadcrumbs breadcrumbs={breadcrumbs} className={styles.breadcrumbsWrapper} />
-      <div className={styles.actions}>
-        <div className={styles.centerWrapper}>
-          <div className={styles.searchWrapper}>
-            <TopSearchBarCommandPaletteTrigger/>
-          </div>
+      <Breadcrumbs breadcrumbs={breadcrumbs} className={styles.breadcrumbsWrapper}/>
+      <div className={styles.centerWrapper}>
+        <div className={styles.searchWrapper}>
+          <TopSearchBarCommandPaletteTrigger/>
         </div>
+      </div>
+      <div className={styles.actions}>
         {actions}
       </div>
     </div>
@@ -85,7 +84,9 @@ const getStyles = (theme: GrafanaTheme2) => {
       minWidth: 0,
 
       '.body-drawer-open &': {
-        display: 'none',
+        [theme.breakpoints.down('md')]: {
+          display: 'none',
+        }
       },
     }),
     searchWrapper: css({