The hover effect on buttons is causing an unintended blending with the light background. When users hover over a button, the background becomes too light which hampers the overall UI. Also, the spacing between the (Input JSON Code and Output JSON Code) sections and the buttons beneath them should be increased to provide a visually balanced and organized layout.
Here is the sample of the issue,
Basic Example
After adding border to the buttons which creates a clear boundary between the button's background and the surrounding background and adding significant margin between the sections and below buttons. The UI will look like
Have you given as much information as possible about the feature?
[X] Yes, I have provided as much as information for the feature
Is there an existing issue for this?
Reference Issues
No response
Description
The hover effect on buttons is causing an unintended blending with the light background. When users hover over a button, the background becomes too light which hampers the overall UI. Also, the spacing between the
(Input JSON Code and Output JSON Code) sectionsand thebuttonsbeneath them should be increased to provide a visually balanced and organized layout.Here is the sample of the issue,
Basic Example
After adding border to the buttons which creates a clear boundary between the button's background and the surrounding background and adding significant margin between the sections and below buttons. The UI will look like
Have you given as much information as possible about the feature?