remove more hard coded layout

IPython/html/static/notebook/js/celltoolbar.js

@@ -34,7 +34,7 b' var IPython = (function (IPython) {'
 
 
     CellToolbar.prototype.create_element = function () {
-        this.inner_element = $('<div/>').addClass('celltoolbar hbox reverse')
+        this.inner_element = $('<div/>').addClass('celltoolbar')
         this.element = $('<div/>').addClass('ctb_hideshow')
             .append(this.inner_element);
     };

IPython/html/static/notebook/js/outputarea.js

@@ -57,7 +57,7 b' var IPython = (function (IPython) {'
         this.prompt_overlay.hide();
         
         this.wrapper.addClass('output_wrapper');
-        this.element.addClass('output vbox');
+        this.element.addClass('output');
         
         this.collapse_button.addClass("btn output_collapsed");
         this.collapse_button.attr('title', 'click to expand output');

IPython/html/static/notebook/less/celltoolbar.less

@@ -10,6 +10,8 b''
     width:100%;
     -webkit-box-pack: end;
     height:22px;
+    .hbox();
+    .reverse();
 }
 
 

IPython/html/static/notebook/less/outputarea.less

@@ -26,6 +26,10 b' div.output_area {'
 
 /* This is needed to protect the pre formating from global settings such
    as that of bootstrap */
+.output {
+    .vbox();
+}
+
 div.output_area pre {	
     font-family: @monoFontFamily;	
     margin: 0;

IPython/nbconvert/templates/html_basic.tpl

@@ -2,7 +2,7 b''
 
 
 {% block codecell %}
-<div class="cell border-box-sizing code_cell vbox">
+<div class="cell border-box-sizing code_cell">
 {{ super() }}
 </div>
 {%- endblock codecell %}
@@ -15,7 +15,7 b''
 
 {% block output_group %}
 <div class="output_wrapper">
-<div class="output vbox">
+<div class="output">
 {{ super() }}
 </div>
 </div>