diff --git a/IPython/frontend/html/notebook/static/notebook/js/outputarea.js b/IPython/frontend/html/notebook/static/notebook/js/outputarea.js
index dfbf581..a56ba4d 100644
--- a/IPython/frontend/html/notebook/static/notebook/js/outputarea.js
+++ b/IPython/frontend/html/notebook/static/notebook/js/outputarea.js
@@ -59,8 +59,7 @@ var IPython = (function (IPython) {
this.wrapper.addClass('output_wrapper');
this.element.addClass('output vbox');
- this.collapse_button.button();
- this.collapse_button.addClass('output_collapsed vbox');
+ this.collapse_button.addClass("btn output_collapsed");
this.collapse_button.attr('title', 'click to expand output');
this.collapse_button.html('. . .');
@@ -112,11 +111,6 @@ var IPython = (function (IPython) {
this.collapse_button.click(function () {
that.expand();
});
- this.collapse_button.hover(function () {
- $(this).addClass("ui-state-hover");
- }, function () {
- $(this).removeClass("ui-state-hover");
- });
};
diff --git a/IPython/frontend/html/notebook/static/notebook/less/codecell.less b/IPython/frontend/html/notebook/static/notebook/less/codecell.less
index 2ca1dff..c4840f6 100644
--- a/IPython/frontend/html/notebook/static/notebook/less/codecell.less
+++ b/IPython/frontend/html/notebook/static/notebook/less/codecell.less
@@ -25,11 +25,9 @@ div.input_prompt {
div.output_wrapper {
/* This is a spacer between the input and output of each cell */
margin-top: 5px;
- margin-left: 5px;
- /* FF needs explicit width to stretch */
- width: 100%;
/* this position must be relative to enable descendents to be absolute within it */
position: relative;
+ .vbox()
}
/* class for the output area when it should be height-limited */
@@ -46,12 +44,14 @@ div.output_scroll {
/* output div while it is collapsed */
div.output_collapsed {
- margin-right: 5px;
+ margin: 0px;
+ padding: 0px;
+ .vbox();
}
div.out_prompt_overlay {
height: 100%;
- padding: 0px;
+ padding: 0px 0.4em;
position: absolute;
.corner-all;
}
@@ -64,6 +64,4 @@ div.out_prompt_overlay:hover {
div.output_prompt {
color: darkred;
- /* 5px right shift to account for margin in parent container */
- margin: 0 5px 0 -5px;
}
diff --git a/IPython/frontend/html/notebook/static/notebook/less/outputarea.less b/IPython/frontend/html/notebook/static/notebook/less/outputarea.less
index fc6de48..225d3d7 100644
--- a/IPython/frontend/html/notebook/static/notebook/less/outputarea.less
+++ b/IPython/frontend/html/notebook/static/notebook/less/outputarea.less
@@ -25,6 +25,7 @@ div.output_area pre {
the prompt div. */
div.output_subarea {
padding: 0.44em 0.4em 0.4em 1px;
+ margin-left: 6px;
.box-flex1();
}
diff --git a/IPython/frontend/html/notebook/static/style/style.min.css b/IPython/frontend/html/notebook/static/style/style.min.css
index ca28ede..1e7f971 100644
--- a/IPython/frontend/html/notebook/static/style/style.min.css
+++ b/IPython/frontend/html/notebook/static/style/style.min.css
@@ -1272,12 +1272,12 @@ div.prompt{width:11ex;padding:0.4em;margin:0px;font-family:monospace;text-align:
div.input{page-break-inside:avoid;display:-webkit-box;-webkit-box-orient:horizontal;-webkit-box-align:stretch;display:-moz-box;-moz-box-orient:horizontal;-moz-box-align:stretch;display:box;box-orient:horizontal;box-align:stretch;}
div.input_area{border:1px solid #cfcfcf;border-radius:4px;background:#f7f7f7;}
div.input_prompt{color:navy;border-top:1px solid transparent;}
-div.output_wrapper{margin-top:5px;margin-left:5px;width:100%;position:relative;}
+div.output_wrapper{margin-top:5px;position:relative;display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-align:stretch;display:-moz-box;-moz-box-orient:vertical;-moz-box-align:stretch;display:box;box-orient:vertical;box-align:stretch;width:100%;}
div.output_scroll{height:24em;width:100%;overflow:auto;border-radius:4px;-webkit-box-shadow:inset 0 2px 8px rgba(0, 0, 0, 0.8);-moz-box-shadow:inset 0 2px 8px rgba(0, 0, 0, 0.8);box-shadow:inset 0 2px 8px rgba(0, 0, 0, 0.8);}
-div.output_collapsed{margin-right:5px;}
-div.out_prompt_overlay{height:100%;padding:0px;position:absolute;border-radius:4px;}
+div.output_collapsed{margin:0px;padding:0px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-align:stretch;display:-moz-box;-moz-box-orient:vertical;-moz-box-align:stretch;display:box;box-orient:vertical;box-align:stretch;width:100%;}
+div.out_prompt_overlay{height:100%;padding:0px 0.4em;position:absolute;border-radius:4px;}
div.out_prompt_overlay:hover{-webkit-box-shadow:inset 0 0 1px #000000;-moz-box-shadow:inset 0 0 1px #000000;box-shadow:inset 0 0 1px #000000;background:rgba(240, 240, 240, 0.5);}
-div.output_prompt{color:darkred;margin:0 5px 0 -5px;}
+div.output_prompt{color:darkred;}
.CodeMirror{line-height:1.231em;height:auto;background:none;}
.CodeMirror-scroll{overflow-y:hidden;overflow-x:auto;}
.CodeMirror-lines{padding:0.4em;}
@@ -1331,7 +1331,7 @@ p{margin-bottom:0;}
.notification_widget{float:right;right:0px;top:1px;height:25px;padding:3px 6px;z-index:10;}
div.output_area{padding:0px;page-break-inside:avoid;display:-webkit-box;-webkit-box-orient:horizontal;-webkit-box-align:stretch;display:-moz-box;-moz-box-orient:horizontal;-moz-box-align:stretch;display:box;box-orient:horizontal;box-align:stretch;}
div.output_area pre{font-family:monospace;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;color:black;background-color:transparent;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;line-height:inherit;}
-div.output_subarea{padding:0.44em 0.4em 0.4em 1px;-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;}
+div.output_subarea{padding:0.44em 0.4em 0.4em 1px;margin-left:6px;-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;}
div.output_text{text-align:left;color:#000000;font-family:monospace;line-height:1.231em;}
div.output_stream{padding-top:0.0em;padding-bottom:0.0em;}
div.output_stderr{background:#fdd;}