Enterprise: Buttons Component: Alignment issues. Refactoring needed for this page.

[CindyMercadoReyes]

Describe the bug
A clear and concise description of what the bug is.

To Reproduce
Steps to reproduce the behavior:

1. Go to url: http://4100-beta1-enterprise.demo.design.infor.com/components/button/test-on-tab.html
2. There are alignment issues throughout the page. Please see screen shot attached.

Expected behavior
All buttons should be aligned correctly. Refactoring is needed for this page.

Screenshots
If applicable, add screenshots to help explain your problem.

Platform

• All Browser

Additional context
Add any other context about the problem here.
None

[tmcconechy]

This can probably be fixed by putting the buttons in a responsive grid (dont add padding or margin to the button directly, just change the example)

[tjamesallen15]

Hi @tmcconechy ,

Just to clarify, what alignment are we talking about here?

Thanks

[clepore]

I think they mean that in the example the buttons are touching each other, so if you update the layout in the html to use a grid and put the buttons in that, the grid will space them out.

I believe it's purely to make the example look cleaner, not to change the actual css spacing on the buttons 👍