Design a better layout for requs demo

[antonxt]

Following #79, I think we can design a better layout for these three frames:

• Requirements,
• XML Output,
• Compiled SRS.

Given that:

1. XML output is not that often used. We usually work with sources and the result. XML is good for requs debugging purposes, I think.
2. Contemporary monitors are much wider than higher, for example, my laptop and desktop monitors are 1920*1080, so they are twice as wide as high.

I suggest to keep Requirements and Compiled SRS frames from left to right, and make XML Output minimized in the bottom of the page.

Here is what I drew in MockFlow:

XML output is minimized (default)

XML output is shown

[yegor256]

cool idea, thanks!

[davvd]

this task will get someone's attention soon

[davvd]

thanks for the report, I topped your acc for 15 mins, payment ID 41002859

[davvd]

@yegor256 please help, the task is yours

[yegor256]

@antonxt check demo.requs.org. I think it's better now

[antonxt]

@yegor256, it sure is, but I've found some bugs on page:

1. XML frame can be shown, but cannot be hidden, nothing happens when I click "...".
2. Frames will probably look better if they have borders.
3. Horisontal scrollbar in XML window is too long.
4. In Chrome, textareas can be resized. It relates to requs source input. After it is resized, the page is broken, scrollbar is shown up on SRS frame.

[yegor256]

@antonxt you're right, I'll try to make it better..

[yegor256]

@antonxt try now, should look much better

[antonxt]

@yegor256, looks great, thanks!

[davvd]

@yegor256 Thank you, I've added 30 mins to your account in payment/transaction "000-fc963bcb"