Increase bottom_whitespace to be most of the viewport height.

This has two benefits:

(1) Users can scroll their last message to near the top of the screen,
which decreases how often one needs to scroll down to track current
messages.

(2) It makes scrolling bugs near the bottom of the screen a lot easier
to find, because scrolling down too far isn't blocked by being unable
to scroll messages off the screen.

We should probably later convert this to some formula that varies
dynamically based on the height of the last message.

(imported from commit 41954fecd9efb43820ed1ccb5210283c17752f51)

zephyr/static/js/ui.js

@@ -269,7 +269,12 @@ function get_new_heights() {
     var res = {};
 
     res.bottom_whitespace_height =
-        viewport.height() * 0.4;
+        viewport.height()
+        - $("#top_navbar").height()
+        - 56 // $("#compose").height(), when compose box closed
+        - $("#floating_recipient_bar").height()
+        - 51 // 1 message, without recipient header
+        - 10; // small padding
 
     res.main_div_min_height =
         viewport.height()