Changed underscores in CSS names to dashes

IPython/html/static/notebook/js/codecell.js

@@ -134,19 +134,18 @@ var IPython = (function (IPython) {
         input.append(prompt).append(inner_cell);
 
         var widget_area = $('<div/>')
-            .addClass('widget_area')
+            .addClass('widget-area')
             .hide();
         this.widget_area = widget_area;
         var widget_prompt = $('<div/>')
             .addClass('prompt')
             .appendTo(widget_area);
         var widget_subarea = $('<div/>')
-            .addClass('widget_subarea')
+            .addClass('widget-subarea')
             .appendTo(widget_area);
         this.widget_subarea = widget_subarea;
         var widget_clear_buton = $('<button />')
             .addClass('close')
-            .addClass('widget_div_clear')
             .html('&times;')
             .click(function() {
                 widget_area.slideUp('', function(){ widget_subarea.html(''); });

IPython/html/static/notebook/js/widget.js

@@ -212,7 +212,7 @@ define(["components/underscore/underscore-min",
                     var view = this._create_view(view_name, cell_index);
                     new_views.push(view);
                     var cell = IPython.notebook.get_cell(cell_index);
-                    cell.element.find('.widget_area').find('.widget_subarea')
+                    cell.element.find('.widget-area').find('.widget-subarea')
                         .append(view.$el)
                         .parent().show(); // Show the widget_area (parent of widget_subarea)
                 

IPython/html/static/notebook/js/widgets/container.js

@@ -6,7 +6,7 @@ require(["notebook/js/widget"], function(){
         
         render : function(){
             this.$el = $('<div />')
-                .addClass('widget_container');
+                .addClass('widget-container');
         },
         
         update : function(){

IPython/html/static/notebook/less/widgetarea.less

@@ -1,17 +1,16 @@
-
-div.widget_container {
+div.widget-container {
     .box-flex2();
     .border-box-sizing();
 }
 
-div.widget_area {
+div.widget-area {
     page-break-inside: avoid;
     .hbox();
 }
 
 /* This class is for the widget subarea inside the widget_area and after
    the prompt div. */
-div.widget_subarea {
+div.widget-subarea {
     padding: 0.44em 0.4em 0.4em 1px;
     margin-left: 6px;
     .border-box-sizing();