demo: Stop inline consoles from generating white space
demo: Stop inline consoles from generating white space

Only apply margin: 0.5em 0; to the consoles when expanded, match the
1px border with negative margin. The demo had more spacing between
field layouts than in real usage.

Also:
* Display the toggle button closer to the actual widget (the
  improvement is most pronounced for inline layouts).
* Don't use calc() in CSS, few browsers support it; implemented the
  same effect with box-sizing: border-box and some margins.
* Display the console in full width rather than 60%.
* Don't hide the toggle on smaller screens (no reason to do it).

Change-Id: Ie540a672c4bd4c236246b8426dc5f88a432deb47

wikimedia/oojs-ui,wikimedia/oojs-ui,wikimedia/oojs-ui,wikimedia/oojs-ui