Navigation: wrap dashboard settings actions in ToolbarButtonRow for…

… responsiveness (#62475) wrap dashboard actions in toolbarbuttonrow for responsiveness
Zeeve-App · Feb 1, 2023 · 0a780d9 · 0a780d9
1 parent 2686695
commit 0a780d9
Showing 1 changed file with 2 additions and 2 deletions.
diff --git 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} />
     </>