diff --git a/source/Ox.UI/js/Code/DocPanel.js b/source/Ox.UI/js/Code/DocPanel.js
index cfa57847..66321c94 100644
--- a/source/Ox.UI/js/Code/DocPanel.js
+++ b/source/Ox.UI/js/Code/DocPanel.js
@@ -61,7 +61,7 @@ Ox.DocPanel = function(options, self) {
}
});
- self.$toolbar = Ox.Bar({size: 24});
+ self.$toolbar = Ox.Bar({size: 24}).css({textAlign: 'center'});
self.$list = Ox.Element();
self.$sidebar = Ox.SplitPanel({
elements: [
@@ -71,22 +71,20 @@ Ox.DocPanel = function(options, self) {
orientation: 'vertical'
});
self.$page = Ox.Element();
-
+ self.$testsStatus = $('
')
+ .css({marginTop: '5px', textAlign: 'center'})
+ .appendTo(self.$toolbar);
if (!self.options.results) {
self.options.results = {};
self.$testsButton = Ox.Button({title: 'Run Tests'})
- .css({float: 'left', margin: '4px'})
+ .css({margin: '4px auto'})
.bindEvent({click: runTests})
.appendTo(self.$toolbar);
- self.$testsLabel = Ox.Label({title: 'Running Tests...'}).hide();
+ self.$testsStatus.hide();
} else {
- self.$testsLabel = Ox.Label({title: formatResults()});
+ self.$testsStatus.html(formatResults());
}
- self.$testsLabel
- .css({float: 'left', margin: '4px'})
- .appendTo(self.$toolbar);
-
that.setElement(
self.$panel = Ox.SplitPanel({
elements: [
@@ -280,8 +278,8 @@ Ox.DocPanel = function(options, self) {
}
function runTests() {
- self.$testsButton.hide();
- self.$testsLabel.show();
+ self.$testsButton.remove();
+ self.$testsStatus.html('Running tests...').show();
Ox.load({Geo: {}, Image: {}, Unicode: {}}, function() {
Ox.test(self.options.items, function(results) {
results.forEach(function(result) {
@@ -298,7 +296,7 @@ Ox.DocPanel = function(options, self) {
self.options.results[key][passed]++;
});
});
- self.$testsLabel.options({title: formatResults()});
+ self.$testsStatus.html(formatResults());
renderList();
that.triggerEvent('tests', {results: self.options.results});
});