Pattern: CTA section: Buttons

[ltitle]

CTA section: Buttons

Describe in detail the issue you're having.

• Spacing between buttons is too small
• Buttons should only stack on Small breakpoint
• Buttons on Small breakpoint should be full width

Is this a feature request (new component, new icon), a bug, or a general issue?

Bug

Is this issue related to a specific component?

CTA Section Pattern (default version)

What did you expect to happen? What happened instead? What would you like to see changed?

As seen in Storybook: Space between buttons is 16px

As expected from visual specs: Space between buttons is 32px

---

As seen in Storybook: Buttons are stacking at Small and Medium breakpoints

As expected in visual specs: Buttons should only stack on Small breakpoint

---

As seen in Storybook: Buttons are not full width on Small breakpoint

As expected in visual specs: Buttons should be full width on Small breakpoint

What browser are you working in?

Chrome

What offering/product do you work on? Any pressing ship or release dates we should be aware of?

IBM.com Reboot

Steps to reproduce the issue

https://ibmdotcom-react.s3.us-south.cloud-object-storage.appdomain.cloud/deploy-previews/2992/index.html?path=/story/patterns-sections-ctasection--default

[RobertaJHahn]

This is still not working on newer models for both iPhone and Android phones with width greater than 320px. Reopening this issue.

[ariellalgilmore]

@RobertaJHahn can we close this issue again? Talked to the team and it is currently inline with the design specs

[RobertaJHahn]

@ariellalgilmore OK, closing.