Merge PR #1098: notebook config-panel style

Fixes some style consistency issues in config section of side panel.

closes  #1098

IPython/frontend/html/notebook/static/css/notebook.css

@@ -115,8 +115,21 b' span.section_row_buttons a {'
     float: right;
 }
 
+#timebeforetooltip{
+    margin-top:-3px;
+    text-align:right;
+}
+
 #timebeforetooltip_span {
     float: right;
+    padding: 0px 5px;
+    font-size: 85%;
+}
+
+#timebeforetooltip_label {
+    float: right;
+    text-align:right;
+    font-size: 85%;
 }
 
 #tooltipontab_span {

IPython/frontend/html/notebook/static/js/panelsection.js

@@ -137,6 +137,7 b' var IPython = (function (IPython) {'
         this.content.find('#tooltipontab').attr('title', 'Show tooltip if you press <Tab> after "(" or a white space');
         this.content.find('#tooltipontab_label').attr('title', 'Show Tooltip when pressing Tab');
 
+        this.content.find('#timebeforetooltip').addClass("ui-widget ui-widget-content");
         this.content.find('#timebeforetooltip').attr('title', 'Time before a tooltip auto-appear when "(" is pressed (negative value supress tooltip)');
         this.content.find('#timebeforetooltip_label').attr('title', 'Time before a tooltip auto-appear when "(" is pressed (negative value supress tooltip)');
 

IPython/frontend/html/notebook/templates/notebook.html

@@ -253,7 +253,7 b''
 
         <div id="config_section">
             <div class="section_header">
-                <h3>Config</h3>
+                <h3>Configuration</h3>
             </div>
             <div class="section_content">
                 <div class="section_row">
@@ -270,7 +270,8 b''
                 </div>
                 <div class="section_row">
                     <span id="timebeforetooltip_span">
-                        <input type="text" id="timebeforetooltip" value="1200"></input>
+                        <input type="text" id="timebeforetooltip" value="1200" size='6'></input>
+                        <span class="numeric_input_label" id="timebeforetooltip_unit">milliseconds</span>
                     </span>
                     <span class="numeric_input_label" id="timebeforetooltip_label">Time before tooltip : </span>
                 </div>