Uber: Limit the height of overlays to the min of 90% of the page or 640px.

chrome/browser/resources/shared/css/overlay.css

Index: chrome/browser/resources/shared/css/overlay.css
diff --git a/chrome/browser/resources/shared/css/overlay.css b/chrome/browser/resources/shared/css/overlay.css
index c36fe21ea4db68e18ca71eb751c5185374446a78..393acb523e64042e8c186d44b9441dec57531cf7 100644
--- a/chrome/browser/resources/shared/css/overlay.css
+++ b/chrome/browser/resources/shared/css/overlay.css
@@ -22,8 +22,12 @@
 
 /* The foreground dialog. */
 .overlay .page {
+  -webkit-box-orient: vertical;
   background: white;
   box-shadow: 0 3px 15px rgba(0, 0, 0, 0.3), 0 3px 57px rgba(0, 0, 0, 0.3);
+  display: -webkit-box;
+  height: 90%;
+  max-height: 640px;
   min-width: 400px;
   padding: 0;
   position: relative;
@@ -64,6 +68,8 @@
 }
 
 .overlay .page .content-area {
+  -webkit-box-flex: 1;
+  overflow: auto;
   padding: 10px 15px 5px;
 }