🐞 Bug: Misaligned Toolbar and Overlapping Buttons in Vue Simulator

[blazethunderstorm]

Is there an existing issue for this?

• I have searched the existing issues.

Describe the bug

When we open the Vue version of the simulator , the top tools (like save, zoom, reset) don’t look neat. They are not in the right place and look misaligned.

Also, the buttons at the bottom like “Circuit Elements”, “Testbench”, and “Timing Diagram” are overlapping or floating in weird places.

Steps to Reproduce

1)Run the simulator.

2)Look at the top tool bar and the buttons at the bottom.

Expected Behavior

Screenshots

Is the faced issue/bug related to the Vue simulator?

Yes

Used Vue simulator with or without backend?

None

Is the bug present only on the dev server, the build, or both?

None

Device Information

OS: Ubuntu
Browser: Chrome

Additional Context

No response

Are you working on this issue?

Yes

[blazethunderstorm]

@ThatDeparted2061 @Arnabdaz will raise pr for this in a time

[blazethunderstorm]

@ThatDeparted2061 @Arnabdaz i have made the pr pls review