Overlapping controls

[ShiranAbir]

When adding multiple card providers, the controls and text can overlap the cards as shown below:

[ShiranAbir]

While I was trying a fix, I learned that the controls are React-Bootstrap controls.
Searching the affected Stack controller, it seems that the previous gap ({5}) is the biggest builtin-gap possible:
https://react-bootstrap.github.io/layout/stack/#:~:text=Sets%20the%20spacing%20between%20each%20item.%20Valid%20values%20are%200%2D5.

This required me to creat a custom gap CSS class which will have adequate gap for the controls has seen below:

[baruchiro]

While I was trying a fix, I learned that the controls are React-Bootstrap controls. Searching the affected Stack controller, it seems that the previous gap ({5}) is the biggest builtin-gap possible: https://react-bootstrap.github.io/layout/stack/#:~:text=Sets%20the%20spacing%20between%20each%20item.%20Valid%20values%20are%200%2D5.

This required me to creat a custom gap CSS class which will have adequate gap for the controls has seen below:

Hi @ShiranAbir, I think next time, a comment about doubt in the final implementation should be in the PR and not in the issue.

Thank you!!!

[github-actions]

🎉 This issue has been resolved in version 1.2.2 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀