diff --git a/src/components/PageLayout.test.tsx b/src/components/PageLayout.test.tsx index a19bd68..e882ec4 100644 --- a/src/components/PageLayout.test.tsx +++ b/src/components/PageLayout.test.tsx @@ -34,7 +34,9 @@ describe("PageLayout", () => {

x

); - expect(screen.getByRole("button", { name: "Add" })).toBeInTheDocument(); + // Actions render in both the desktop header and the mobile strip + const buttons = screen.getAllByRole("button", { name: "Add" }); + expect(buttons.length).toBeGreaterThan(0); }); it("renders description when title is provided", () => { diff --git a/src/components/PageLayout.tsx b/src/components/PageLayout.tsx index d29d8a7..2c7ae4f 100644 --- a/src/components/PageLayout.tsx +++ b/src/components/PageLayout.tsx @@ -24,18 +24,25 @@ export const PageLayout = ({
{title !== undefined && ( -
-
-

- {icon} - {title} -

- {actions &&
{actions}
} + <> +
+
+

+ {icon} + {title} +

+ {actions &&
{actions}
} +
+ {description && ( +

{description}

+ )}
- {description && ( -

{description}

+ {actions && ( +
+ {actions} +
)} -
+ )} {children}