[test-infra] Compact runner UI & add manifest update animation. (#1501)

The instructions at the top of the browser-based runner page take up a lot of vertical space and only really need to be shown to users when the page first loads. So this PR moves the instructions to follow the runner (form) controls. After the user starts a test run, the instructions are hidden and just the progress/results are then shown after the runner controls. This seems like better UX to me than showing the instructions all the time.

Also, this PR adds some simple background-color animation to the "updating and loading test manifest" text so that the user knows the runner isn't just hanging. That's to address https://github.com/w3c/web-platform-tests/issues/1372. Again, it seems like better UX to give some kind of progress indicator during that phase.

View on GitHub: https://github.com/w3c/web-platform-tests/pull/1501

Received on Monday, 5 January 2015 06:52:44 UTC