Adopt shared WebUI layout primitives

webui/src/features/campaigns/ReviewSendPage.tsx

@@ -37,7 +37,7 @@ import {
   type CampaignSummary } from
 "../../api/campaigns";
 import { getMockMailboxMessage, type MockMailboxMessage } from "../../api/mail";
-import { Button, Dialog, FormField, SegmentedControl, hasScope, useDeltaWatermarks, useGuardedNavigate, usePlatformUiCapability, type AuthInfo, type MailDevMailboxUiCapability } from "@govoplan/core-webui";
+import { FormGrid, Button, Dialog, FormField, SegmentedControl, hasScope, useDeltaWatermarks, useGuardedNavigate, usePlatformUiCapability, type AuthInfo, type MailDevMailboxUiCapability } from "@govoplan/core-webui";
 import { DataGrid, type DataGridQueryState } from "@govoplan/core-webui";
 import { DismissibleAlert } from "@govoplan/core-webui";
 import { ConfirmDialog } from "@govoplan/core-webui";
@@ -1899,7 +1899,7 @@ export default function ReviewSendPage({
             {busy === "approval" ? "Requesting..." : "Request approval"}
           </Button>
         </>}>
-        <div className="form-grid">
+        <FormGrid columns={1} collapseAt="standard" className="">
           <p className="muted small-note form-grid-wide">The request covers the exact built message, attachment, recipient, policy, and transport snapshot. Rebuilding invalidates and removes this gate.</p>
           <FormField label="Approver type">
             <select value={approvalSelectorKind} disabled={busy === "approval"} onChange={(event) => setApprovalSelectorKind(event.target.value as typeof approvalSelectorKind)}>
@@ -1933,7 +1933,7 @@ export default function ReviewSendPage({
                   })} />)}
             </div>
           </div>
-        </div>
+        </FormGrid>
       </Dialog>
 
       <ConfirmDialog
@@ -2029,7 +2029,7 @@ export default function ReviewSendPage({
         }
       >
         {singleSendConfirmRow && (
-          <div className="form-grid">
+          <FormGrid columns={1} collapseAt="standard" className="">
             <SegmentedControl
               value={singleMessageActionKind}
               width="fill"
@@ -2089,7 +2089,7 @@ export default function ReviewSendPage({
                 />
               </label>
             )}
-          </div>
+          </FormGrid>
         )}
       </Dialog>