Align main body vertically on smaller window sizes

[kwerber]

Is your feature request related to a problem? Please describe.

Currently the main body always aligns the input and output tabs horizontally, no matter the window size:

To make better use of the available area, the alignment should be vertically for smaller windows.

Describe the solution you'd like

According to our figma design, the main body should swap to vertical alignment for screen sizes smaller than or equal to 1024x786 pixels. We should make the necessary changes so that our UI acts in this way.

[sanwalsulehri]

Hey what if i can do this

[SoulKa]

Hi @sanwalsulehri, sorry for picking up your comment this late. We would be happy if you contribute on this issue. I'll assign you to it.

[sanwalsulehri]

@SoulKa do you see a PR

[SoulKa]

Yes, your PR is visible :) We'll review it soon

[sanwalsulehri]

now can you see a PR @SoulKa

[sanwalsulehri]

I think now the issue resolved