Button Refinements

As part of the Project Sneak Peek design exploration, we've identified refinements needed for several components to support a more modernized UI.

Refinements:

• Spacing refinements (e.g. gaps instead of margins)
• Small button adjustments (e.g. spacing and font size, proportional adjustments)
• Border radius adjustments to buttons nested inside of other components
• Customizable border radius with fallback to default (e.g. var(--custom-border-radius, var(--gl-rounded-lg)))

Open questions:

• Update badges inside buttons or a new component?

Example

Before	After