Tweak max height of help dialog.

Apart from looking better (ie. symmetric), this also ensures that the
help dialog does not overlap the footer on the options page (which is
ugly).

1 files changed, 5 insertions, 4 deletions

diff --git a/content_scripts/vimium.css b/content_scripts/vimium.css
index a763b159..f902363c 100644
--- a/content_scripts/vimium.css
+++ b/content_scripts/vimium.css
@@ -151,7 +151,7 @@ iframe.vimiumHelpDialogFrame {
   left: 0px;
   border: none;
 
-  /* One less than hint markers and the vomnibar. */
+  /* One less than hint markers. */
   z-index: 2147483645;
 }
 
@@ -163,13 +163,14 @@ div#vimiumHelpDialog {
   border:2px solid #b3b3b3;
   border-radius:6px;
   padding:8px 12px;
-  width:640px;
-  max-height: calc(100% - 80px);
+  top:50px;
   left:50%;
+  width:640px;
+  max-height: calc(100% - 100px - 16px); /* 100% - 2*top - 2*padding for top/bottom */
   /* This needs to be 1/2 width to horizontally center the help dialog */
   margin-left:-320px;
-  top:50px;
   -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 6px;
+  overflow-x: auto;
   overflow-y: auto;
 }