desktop redo

frontend/src/documents/DocumentsPanel.jsx

@@ -755,6 +755,22 @@ export const createDocumentsTableHeaderActions = ({
 
   return (
     <>
+      {isDeskView && typeof onShowDeskHelp === 'function' ? (
+        <>
+          <button
+            type="button"
+            className="icon-button"
+            onClick={onShowDeskHelp}
+            aria-label="Show desk view tips"
+            title="Show desk view tips"
+          >
+            <InfoIcon />
+          </button>
+          <span className="main-content__actions-divider" aria-hidden="true">
+            <MinusVerticalIcon />
+          </span>
+        </>
+      ) : null}
       <div className="view-toggle" role="group" aria-label="Change view">
         <button
           type="button"
@@ -796,17 +812,6 @@ export const createDocumentsTableHeaderActions = ({
       >
         <RefreshIcon />
       </button>
-      {isDeskView && typeof onShowDeskHelp === 'function' ? (
-        <button
-          type="button"
-          className="icon-button"
-          onClick={onShowDeskHelp}
-          aria-label="Show desk view tips"
-          title="Show desk view tips"
-        >
-          <InfoIcon />
-        </button>
-      ) : null}
     </>
   );
 };