Better menu positioning code.

css/style.css

@@ -734,6 +734,7 @@ a[href="javascript:;"] {
   border-bottom: 0;
   display: -webkit-flex;
   display: flex;
+  margin: 2px 0;
   -webkit-flex-direction: column;
   flex-direction: column;
   position: absolute;

lib/ui.coffee

@@ -67,19 +67,14 @@ UI = do ->
       bLeft   = doc.scrollLeft + d.body.scrollLeft + bRect.left
       cHeight = doc.clientHeight
       cWidth  = doc.clientWidth
-      if bRect.top + bRect.height + mRect.height < cHeight
+      [top, bottom] = if bRect.top + bRect.height + mRect.height < cHeight
-        # XXX calc(100% + 2px) would have been better, but >Presto.
+        ['100%', null]
-        top    = bRect.height + 2 + 'px'
-        bottom = 'auto'
       else
-        top    = 'auto'
+        [null, '100%']
-        bottom = bRect.height + 2 + 'px'
+      [left, right] = if bRect.left + mRect.width < cWidth
-      if bRect.left + mRect.width < cWidth
+        ['0px', null]
-        left  = '0px'
-        right = 'auto'
       else
-        left  = 'auto'
+        [null, '0px']
-        right = '0px'
       {style} = menu
       style.top    = top
       style.right  = right