From afa05fd5fc4e431b3bb8579490a1ba6d63acfba7 Mon Sep 17 00:00:00 2001
From: Cursor Agent <cursoragent@cursor.com>
Date: Sat, 1 Aug 2026 10:54:39 +0000
Subject: [PATCH] =?UTF-8?q?B99=20=E2=80=94=20strip=20de=20a=C3=A7=C3=B5es?=
 =?UTF-8?q?=20edge-to-edge=20no=20mobile=20+=20gap=20menor?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Bleed do slot home-actions com -mx-4 (compensa p-4 do scroll) só no mobile
- Gap horizontal da strip: gap-3 → gap-2
- Unit pin das classes de bleed em campaignHomeLayout

Co-authored-by: Francisco Solla <fsolla@users.noreply.github.com>
---
 .../campaign/dashboard/CampaignHomeActionStrip.tsx     |  2 +-
 .../campaign/dashboard/CampaignHomeLayout.tsx          |  5 ++++-
 tests/unit/campaignHomeLayout.unit.spec.tsx            | 10 ++++++++++
 3 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/components/campaign/dashboard/CampaignHomeActionStrip.tsx b/src/components/campaign/dashboard/CampaignHomeActionStrip.tsx
index f89dc874..14242a25 100644
--- a/src/components/campaign/dashboard/CampaignHomeActionStrip.tsx
+++ b/src/components/campaign/dashboard/CampaignHomeActionStrip.tsx
@@ -140,7 +140,7 @@ export const CampaignHomeActionStrip = ({
       >
         <ul
           role="list"
-          className="m-0 flex min-w-max list-none snap-x snap-proximity gap-3 p-0 pb-1"
+          className="m-0 flex min-w-max list-none snap-x snap-proximity gap-2 p-0 pb-1"
         >
           {actions?.map(({ id, ...button }) => (
             <li key={id ?? button.href ?? button.label} className="m-0 list-none p-0">
diff --git a/src/components/campaign/dashboard/CampaignHomeLayout.tsx b/src/components/campaign/dashboard/CampaignHomeLayout.tsx
index 5dfeb880..edb30893 100644
--- a/src/components/campaign/dashboard/CampaignHomeLayout.tsx
+++ b/src/components/campaign/dashboard/CampaignHomeLayout.tsx
@@ -64,7 +64,10 @@ export const CampaignHomeLayout = ({
         slot="home-actions-chrome"
         className="order-1 md:order-2"
       >
-        <div data-slot="home-actions" className="min-w-0">
+        <div
+          data-slot="home-actions"
+          className="min-w-0 -mx-4 w-[calc(100%+2rem)] md:mx-0 md:w-auto"
+        >
           {actions}
         </div>
       </HomeChromeRetractionShell>
diff --git a/tests/unit/campaignHomeLayout.unit.spec.tsx b/tests/unit/campaignHomeLayout.unit.spec.tsx
index 8219b14e..9eee5a38 100644
--- a/tests/unit/campaignHomeLayout.unit.spec.tsx
+++ b/tests/unit/campaignHomeLayout.unit.spec.tsx
@@ -20,6 +20,16 @@ describe('CampaignHomeLayout', () => {
     expect(actions?.closest('[data-slot="home-dock"]')).not.toBeNull()
   })
 
+  it('bleeds home-actions edge-to-edge on mobile (compensates scroll p-4)', () => {
+    const { container } = render(<CampaignHomeLayout actions={<p>Actions block</p>} />)
+
+    const actions = container.querySelector('[data-slot="home-actions"]')
+    expect(actions?.className).toContain('-mx-4')
+    expect(actions?.className).toContain('w-[calc(100%+2rem)]')
+    expect(actions?.className).toContain('md:mx-0')
+    expect(actions?.className).toContain('md:w-auto')
+  })
+
   it('renders search slot inside home-dock when provided', () => {
     render(
       <CampaignHomeLayout