From 6bc803db0e2fa672fa78268bf52cf8a29198728a Mon Sep 17 00:00:00 2001
From: Atishyy27 <sethatishayjain@gmail.com>
Date: Thu, 20 Aug 2026 03:18:34 +0530
Subject: [PATCH] fix(docs): make complex toolbar demo mobile-friendly

move the control-button ToolbarItem into the existing ToolbarToggleGroup so
that below the md breakpoint the left-aligned controls collapse into the
overflow menu instead of overflowing the viewport.

Fixes patternfly/patternfly-react#11708

Signed-off-by: Atishyy27 <sethatishayjain@gmail.com>
---
 .../react-log-viewer/demos/ComplexToolbarLogViewer.jsx      | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/module/patternfly-docs/content/extensions/react-log-viewer/demos/ComplexToolbarLogViewer.jsx b/packages/module/patternfly-docs/content/extensions/react-log-viewer/demos/ComplexToolbarLogViewer.jsx
index 610e679..823eeab 100644
--- a/packages/module/patternfly-docs/content/extensions/react-log-viewer/demos/ComplexToolbarLogViewer.jsx
+++ b/packages/module/patternfly-docs/content/extensions/react-log-viewer/demos/ComplexToolbarLogViewer.jsx
@@ -213,10 +213,10 @@ export const ComplexToolbarLogViewer = () => {
         <ToolbarItem>
           <LogViewerSearch onFocus={(_e) => setIsPaused(true)} placeholder="Search" />
         </ToolbarItem>
+        <ToolbarItem>
+          <ControlButton />
+        </ToolbarItem>
       </ToolbarToggleGroup>
-      <ToolbarItem>
-        <ControlButton />
-      </ToolbarItem>
     </Fragment>
   );