Description
In the Customization Studio, the row of action buttons underneath the badge preview (Download SVG, Share Config, Export/Import Config, Copy Markdown) lacks flex-wrapping. As a result, the rightmost buttons (like "Copy Markdown") overflow out of the main preview column and overlap the Advanced Settings panel on the right, obscuring the Width, Height, and Grace Days inputs.
Steps to Reproduce
- Navigate to the Customization Studio (
/customize).
- Input a valid GitHub username to enable all export buttons.
- Look at the bottom of the middle preview column.
- Observe that the "Copy Markdown" button overflows its container boundary and sits on top of the Right Panel's layout settings.
Expected Behavior
The button container should elegantly wrap its children to a new line when horizontal space is constrained, ensuring no UI elements bleed into adjacent panels.
Screenshots / Logs
GitHub Username (If applicable)
kanishka-2007-tech
Environment
Chrome
Description
In the Customization Studio, the row of action buttons underneath the badge preview (Download SVG, Share Config, Export/Import Config, Copy Markdown) lacks flex-wrapping. As a result, the rightmost buttons (like "Copy Markdown") overflow out of the main preview column and overlap the Advanced Settings panel on the right, obscuring the Width, Height, and Grace Days inputs.
Steps to Reproduce
/customize).Expected Behavior
The button container should elegantly wrap its children to a new line when horizontal space is constrained, ensuring no UI elements bleed into adjacent panels.
Screenshots / Logs
GitHub Username (If applicable)
kanishka-2007-tech
Environment
Chrome