Reinstate help dialog shadow.

1 files changed, 5 insertions, 5 deletions

diff --git a/content_scripts/vimium.css b/content_scripts/vimium.css
index 516859e2..ce421019 100644
--- a/content_scripts/vimium.css
+++ b/content_scripts/vimium.css
@@ -146,8 +146,8 @@ iframe.vimiumHelpDialogFrame {
 
   display: block;
   position: fixed;
-  /* The width of div#vimiumHelpDialog, plus twice its padding and twice its border. */
-  width: calc(640px + 24px + 4px);
+  /* The width of div#vimiumHelpDialog, plus twice its padding, twice its border and twice its shadow. */
+  width: calc(640px + 24px + 4px + 12px);
   height: calc(100% - 100px); /* 100% minus 2 * top. */
   top: 50px;
   left: 50%;
@@ -167,10 +167,10 @@ div#vimiumHelpDialog {
   border:2px solid #b3b3b3;
   border-radius:6px;
   padding:8px 12px;
-  top:0px;
-  left:0px;
+  top:6px; /* Space for the shadow. */
+  left:6px; /* Space for the shadow. */
   width:640px;
-  max-height: calc(100% - 24px); /* 100% - twice the padding. */
+  max-height: calc(100% - 24px - 12px); /* 100%, minus twice the padding, minus twice the shadow. */
   -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 6px;
   overflow: auto;
 }