Improve Component Spacing in Example Apps #2825
Description
🧹 Tech Debt
Components within the example apps lack proper spacing between individual elements. This issue is consistent across all component sections (buttons, checkboxes, chips, etc.) and affects all three example apps.
- https://github.com/ni/nimble/blob/main/packages/react-workspace/react-client-app/src/components/App.scss
- https://github.com/ni/nimble/blob/main/packages/angular-workspace/example-client-app/src/app/customapp/customapp.component.scss
- https://github.com/ni/nimble/blob/main/packages/blazor-workspace/Examples/Demo.Shared/Pages/ComponentsDemo.razor.css
As part of the technical debt, adjust the spacing of every component consistently, following the styling usage docs provided with each component, or use the standard spacing that Nimble recommends.
Relevant conversation: https://github.com/ni/nimble/pull/2822/changes#r2718667088