<!DOCTYPE html>
<head>
<title>Nodeachrome Kernel</title>
</head>
<body>
<p>
<div id="log"></div>
<div id="userland-processes">
<!-- iframes will be created here -->
</div>
<script src="/kernel/bundle-kernel.js" charset="UTF-8"></script>
</body>
</html>

<!DOCTYPE html>
<html style="height: 100vh">
<head>
<title>Nodeachrome Kernel</title>
</head>
<body style="min-height: 100vh">
<p>
<div id="log"></div>
<div id="userland-processes">
<!-- iframes will be created here -->
</div>
<script src="/kernel/bundle-kernel.js" charset="UTF-8"></script>
</body>
</html>

Add viewport-relative heights to expand size of document
Add viewport-relative heights to expand size of document

See
http://stackoverflow.com/questions/6654958/make-body-have-100-of-the-browser-height#6654996
http://caniuse.com/#feat=viewport-units
Previously, the body element was only as big as the content within it,
but this causes us to lose drag mouse events when dragging beyond.
