[design change] Five pinned CTA bars leave five different gaps under the button (12.2dp to 57.5dp)

[cestercian]

Third pass of the device-walked spacing audit. Measured on the artistant AVD (Pixel 6, 420 dpi = 2.625 px/dp). Method and raw screenshots: docs/design-qa/spacing.

What is wrong

Five screens pin a primary button to the bottom edge. All five leave a different gap under it.

Screen	Gap under the CTA	Screenshot
EPK wizard	12.2 dp	f05-wizard.png
Artist profile (04)	15.2 dp	c07-artist-profile.png
Data export (93)	24.0 dp	p06-data-export.png
Request quote (05)	28.2 dp	f02-request-quote.png
Confirm request (06)	57.5 dp	f03-step2.png
Design 04 specifies	30

A 45 dp spread. The wizard's 12.2 dp is the one to look at first — the Continue button sits hard against the home-indicator zone. Confirm request's 57.5 dp is partly explained: it carries a caption line under the button, which the others do not.

Design 04 is explicit about the shape of a dock:

<div style="padding:14px 20px 30px; display:flex; align-items:center; gap:12px">

14 top, 20 sides, 30 bottom. Only Request quote comes close.

Relationship to existing issues

• [design change] Artist profile: the bottom dock misses the design on four of its five paddings #190 covers the artist-profile dock on its own; this is the same defect measured across all five bars, so [design change] Artist profile: the bottom dock misses the design on four of its five paddings #190 is the subset.
• F-BC-04 in [design-qa][P1] Spacing and radii drift between peers #180 already says "Two pinned bars with different tailroom; the funnel's dock makes every caller re-pad its actions" and names feature/booking/BookingChrome.kt CtaBar vs designsystem/component/BottomActionBar.kt. That is the right root cause; this issue supplies the numbers and shows it is five bars, not two.

Fix direction

One tailroom token, consumed by one component. F-BC-04's direction still holds: make CtaBar a thin wrapper over BottomActionBar, give that component the design's 14 / 20 / 30 padding and its 12 dp gap, and delete the per-caller re-padding. The wizard, the artist profile and Data export should all end up on the same component.

Worth handling the navigation-bar inset once in that component rather than per caller, since that is the most likely source of the drift.

Acceptance

Walk the five screens and measure the gap under each button. One number, and it is 30 dp plus whatever the system's bottom inset adds.

[cestercian]

Reopening: #197 only got part of the way and this should not have closed with it.

What landed. The two cramped docks adopted space.lg, the vertical padding the shared BottomActionBar already used:

Dock	Before	After
Wizard	12.2 dp	16.0 dp
Artist profile	15.2 dp	19.0 dp
Data export	24.0 dp	24.0 dp
Request quote	28.2 dp	28.2 dp

The spread is down from 45 dp to 12 dp and the wizard's Continue button no longer sits hard against the home-indicator zone. Measured on the artistant AVD with [harness] active confirmed in logcat for every capture.

What is still open. Four bars still disagree, and none of them is at design 04's 30 dp. Getting to one number needs the change F-BC-04 in #180 describes: make CtaBar a thin wrapper over BottomActionBar, put the design's 14 / 20 / 30 and its 12 dp gap in that one component, and delete the per-caller re-padding. That is a refactor across the funnel, not a padding tweak, so it did not belong in #197.

🤖 Addressed by Claude Code