diff --git a/IPython/frontend/html/notebook/static/style/style.min.css b/IPython/frontend/html/notebook/static/style/style.min.css index d54833c..40d564f 100644 --- a/IPython/frontend/html/notebook/static/style/style.min.css +++ b/IPython/frontend/html/notebook/static/style/style.min.css @@ -1405,22 +1405,19 @@ ul.icons-ul{list-style-type:none;text-indent:-0.7142857142857143em;margin-left:2 .list_toolbar{padding:5px;height:25px;line-height:25px;} .toolbar_info{float:left;} .toolbar_buttons{float:right;} -.list_header>a{font-size:100%;} -.tree_list{margin-top:16px;margin-bottom:16px;border:1px solid #eeeeee;border-radius:4px;} -.tree_list>div{border-bottom:1px solid #eeeeee;}.tree_list>div:hover .list-item{background-color:red;} -.tree_list>div:last-child{border:none;} +.list_header{font-weight:bold;} +.list_container{margin-top:16px;margin-bottom:16px;border:1px solid #eeeeee;border-radius:4px;} +.list_container>div{border-bottom:1px solid #eeeeee;}.list_container>div:hover .list-item{background-color:red;} +.list_container>div:last-child{border:none;} .list_item:hover .list_item{background-color:#ddd;} -.tree_list>div>span,.tree_list>div>div{padding:8px;} -.cluster_list_item>a{color:#000000 !important;} +.list_container>div>span,.list_container>div>div{padding:8px;} +.cluster_list_item>a{} .notebook_item a{text-decoration:none;} -.status_col{float:right;width:325px;} -.engines_col{float:right;width:325px;} -.action_col{float:right;width:64px;text-align:right;} -.item_buttons{} +.action_col{} input.nbname_input{height:15px;} .highlight_text{color:blue;} #project_name>.breadcrumb{padding:0px;margin-bottom:0px;background-color:transparent;font-weight:bold;} -input.engine_num_input{height:20px;margin-bottom:2px;padding-top:0;padding-bottom:0;width:90px;} +input.engine_num_input{height:20px;margin-bottom:2px;padding-top:0;padding-bottom:0;width:60px;} .ansiblack{color:black;} .ansired{color:darkred;} .ansigreen{color:darkgreen;} diff --git a/IPython/frontend/html/notebook/static/tree/js/clusterlist.js b/IPython/frontend/html/notebook/static/tree/js/clusterlist.js index 4c4fba7..9ce3b9a 100644 --- a/IPython/frontend/html/notebook/static/tree/js/clusterlist.js +++ b/IPython/frontend/html/notebook/static/tree/js/clusterlist.js @@ -25,6 +25,7 @@ var IPython = (function (IPython) { }; ClusterList.prototype.style = function () { + $('#cluster_list').addClass('list_container'); $('#cluster_toolbar').addClass('list_toolbar'); $('#cluster_list_info').addClass('toolbar_info'); $('#cluster_buttons').addClass('toolbar_buttons'); @@ -53,14 +54,14 @@ var IPython = (function (IPython) { ClusterList.prototype.clear_list = function () { - this.element.children('.cluster_list_item').remove(); + this.element.children('.list_item').remove(); } ClusterList.prototype.load_list_success = function (data, status, xhr) { this.clear_list(); var len = data.length; for (var i=0; i'); + var element = $('
'); var item = new ClusterItem(element); item.update_state(data[i]); element.data('item', item); @@ -82,8 +83,7 @@ var IPython = (function (IPython) { ClusterItem.prototype.style = function () { - this.element.addClass('cluster_list_item').addClass("disabled"); - this.element.append($("")); + this.element.addClass('list_item').addClass("row-fluid"); } ClusterItem.prototype.update_state = function (data) { @@ -99,26 +99,25 @@ var IPython = (function (IPython) { ClusterItem.prototype.state_stopped = function () { var that = this; - var a = this.element.find("a"); - var profile_col = $('').addClass('profile_col').text(this.data.profile); - var status_col = $('').addClass('status_col').html('stopped'); - var engines_col = $('').addClass('engines_col'); + var profile_col = $('').addClass('profile_col span4').text(this.data.profile); + var status_col = $('').addClass('status_col span3').html('stopped'); + var engines_col = $('').addClass('engine_col span3'); var input = $('').attr('type','number') .attr('min',1) .attr('size',3) .addClass('engine_num_input'); engines_col.append(input); var start_button = $('