ab-apps / aryabota-ui Goto Github PK

The "Log Out" button strangely changes colours with every action (when code is being typed into the editor etc.), and it is quite disorienting.
Task: To figure out why this happens and fix the issue.

Since Safari doesn't support some CSS properties, some parts of the UI look different on Chrome and Safari
Task: Make styles consistent across browsers

The Ace Editor for code (leftmost panel) behaves weirdly with whitespaces sometimes, making it very hard to track where the cursor is.
Task: To reliably reproduce the issue and fix it.

While the bot is executing one set of commands, the Run button should be disabled so that there is no clash (could lead to unpredictable behaviour?).

The grid page looks like the below screenshot on larger screens. The left sidebar is not aligned with the AryaBota logo (it's wider) and ends with a little space on the bottom.

Add CSS such that it responsively resizes the sidebar and logo.
What we want it to look like:

On smaller screens, it looks like this:

"Run" button is not visible and users have to zoom out to be able to hit it.
Footer CSS needs to be responsive so as to prevent this.

When working on level 0.2 and then selecting 0.3 from the menu, the code section does not refresh/go blank. And the Reset button stays as "Reset" instead of switching back to "Run"

there is an issue when I sign in (maybe that because I have slow internet connection) can I add catch method and display popup with error message instead?

note: this error solved when I use VPN and I think the sign service need VPN in my country