From 5d5e7f97e908c99fb64c0f16f8b8b6c288579ef9 Mon Sep 17 00:00:00 2001
From: "Grot (@grafanabot)" <43478413+grafanabot@users.noreply.github.com>
Date: Wed, 1 Feb 2023 15:14:49 +0000
Subject: [PATCH] [v9.4.x] Navigation: wrap dashboard settings actions in
 `ToolbarButtonRow` for responsiveness (#62692)

Navigation: wrap dashboard settings actions in `ToolbarButtonRow` for responsiveness (#62475)

wrap dashboard actions in toolbarbuttonrow for responsiveness

(cherry picked from commit 0a780d978e8f3c15d1000de27956c5af0108d2b5)

Co-authored-by: Ashley Harrison <ashley.harrison@grafana.com>
---
 .../components/DashboardSettings/DashboardSettings.tsx        | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/public/app/features/dashboard/components/DashboardSettings/DashboardSettings.tsx b/public/app/features/dashboard/components/DashboardSettings/DashboardSettings.tsx
index 07ad150d2fe..b7fea50723d 100644
--- a/public/app/features/dashboard/components/DashboardSettings/DashboardSettings.tsx
+++ b/public/app/features/dashboard/components/DashboardSettings/DashboardSettings.tsx
@@ -4,7 +4,7 @@ import { useLocation } from 'react-router-dom';
 
 import { locationUtil, NavModel, NavModelItem } from '@grafana/data';
 import { locationService } from '@grafana/runtime';
-import { Button, PageToolbar } from '@grafana/ui';
+import { Button, PageToolbar, ToolbarButtonRow } from '@grafana/ui';
 import { AppChromeUpdate } from 'app/core/components/AppChrome/AppChromeUpdate';
 import { Page } from 'app/core/components/PageNew/Page';
 import config from 'app/core/config';
@@ -82,7 +82,7 @@ export function DashboardSettings({ dashboard, editview, pageNav, sectionNav }:
           {actions}
         </PageToolbar>
       ) : (
-        <AppChromeUpdate actions={actions} />
+        <AppChromeUpdate actions={<ToolbarButtonRow alignment="right">{actions}</ToolbarButtonRow>} />
       )}
       <currentPage.component sectionNav={subSectionNav} dashboard={dashboard} editIndex={editIndex} />
     </>