diff --git a/IPython/frontend/html/notebook/static/css/style.min.css b/IPython/frontend/html/notebook/static/css/style.min.css
index 2308b68..f16c13a 100644
--- a/IPython/frontend/html/notebook/static/css/style.min.css
+++ b/IPython/frontend/html/notebook/static/css/style.min.css
@@ -927,12 +927,9 @@ div.text_cell_render{outline:none;resize:none;width:inherit;border-style:none;pa
.ansicyan{color:steelblue;}
.ansigrey{color:grey;}
.ansibold{font-weight:bold;}
-.completions{position:absolute;z-index:10;overflow:hidden;border:1px solid #ababab;}
-.completions select{background:white;outline:none;border:none;padding:0px;margin:0px;overflow:auto;font-family:monospace;}
+.completions{position:absolute;z-index:10;overflow:hidden;border:1px solid #ababab;border-radius:4px;-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);}
+.completions select{background:white;outline:none;border:none;padding:0px;margin:0px;overflow:auto;font-family:monospace;font-size:110%;color:#000000;}
option.context{background-color:#DEF7FF;}
-option.introspection{background-color:#EBF4EB;}
-.completions p b{font-weight:bold;}
-.completions p{background:#DDF;border-bottom:black solid 1px;padding:1px;font-family:monospace;}
pre.dialog{background-color:#f7f7f7;border:1px solid #ddd;border-radius:4px;padding:0.4em;padding-left:2em;}
p.dialog{padding:0.2em;}
.shortcut_key{display:inline-block;width:15ex;text-align:right;font-family:monospace;}
diff --git a/IPython/frontend/html/notebook/static/js/completer.js b/IPython/frontend/html/notebook/static/js/completer.js
index de2ef7d..e592206 100644
--- a/IPython/frontend/html/notebook/static/js/completer.js
+++ b/IPython/frontend/html/notebook/static/js/completer.js
@@ -194,12 +194,12 @@ var IPython = (function (IPython) {
this.complete.attr('id', 'complete');
this.sel = $('').attr('multiple', 'true').attr('size', Math.min(10, this.raw_result.length));
- var pos = this.editor.cursorCoords();
-
- // TODO: I propose to remove enough horizontal pixel
- // to align the text later
- this.complete.css('left', pos.left + 'px');
- this.complete.css('top', pos.bottom + 'px');
+ //var pos = this.editor.cursorCoords();
+ var cur = this.editor.getCursor();
+ cur.ch = cur.ch-matched_text.length;
+ var pos = this.editor.cursorCoords(cur);
+ this.complete.css('left', pos.left-3 + 'px');
+ this.complete.css('top', pos.bottom+1 + 'px');
this.complete.append(this.sel);
$('body').append(this.complete);
diff --git a/IPython/frontend/html/notebook/static/less/notebook.less b/IPython/frontend/html/notebook/static/less/notebook.less
index dcea659..63109a8 100644
--- a/IPython/frontend/html/notebook/static/less/notebook.less
+++ b/IPython/frontend/html/notebook/static/less/notebook.less
@@ -408,6 +408,11 @@ div.text_cell_render {
z-index: 10;
overflow: hidden;
border: 1px solid @border_color;
+ .corner-all;
+ .box-shadow(0 5px 10px rgba(0,0,0,.2));
+ // -moz-box-shadow: 0px 6px 10px -1px #adadad;
+ // -webkit-box-shadow: 0px 6px 10px -1px #adadad;
+ // box-shadow: 0px 6px 10px -1px #adadad;
}
.completions select {
@@ -418,28 +423,13 @@ div.text_cell_render {
margin: 0px;
overflow: auto;
font-family: monospace;
+ font-size: 110%;
+ color: @fontBaseColor;
}
option.context {
background-color: #DEF7FF;
}
-option.introspection {
- background-color: #EBF4EB;
-}
-
-/*fixed part of the completion*/
-.completions p b {
- font-weight:bold;
-}
-
-.completions p {
- background: #DDF;
- /*outline: none;
- padding: 0px;*/
- border-bottom: black solid 1px;
- padding: 1px;
- font-family: monospace;
-}
pre.dialog {
background-color: @cell_background;