centered text on button, minor css changes

3 files changed, 29 insertions, 13 deletions

diff --git a/css/theme/jquery-ui-1.7.2.custom.css b/css/theme/jquery-ui-1.7.2.custom.css
index cdf4659..2a9e5c7 100755
--- a/css/theme/jquery-ui-1.7.2.custom.css
+++ b/css/theme/jquery-ui-1.7.2.custom.css
@@ -242,7 +242,7 @@
 .ui-icon-circle-triangle-e { background-position: -144px -576px; }
 .ui-icon-circle-triangle-s { background-position: -192px -576px; }
 .ui-icon-circle-triangle-w { background-position: -240px -576px; }
-.ui-icon-circle-triangle-n { background-position: -576px -576px; }
+.ui-icon-circle-triangle-n { background-position: -288px -576px; }
 .ui-icon-circle-arrow-e { background-position: -336px -576px; }
 .ui-icon-circle-arrow-s { background-position: -384px -576px; }
 .ui-icon-circle-arrow-w { background-position: -432px -576px; }
@@ -250,7 +250,6 @@
 .ui-icon-circle-zoomin { background-position: -528px -576px; }
 .ui-icon-circle-zoomout { background-position: -576px -576px; }
 .ui-icon-circle-check { background-position: -624px -576px; }
-/* stopped */
 .ui-icon-circlesmall-plus { background-position: 0 -624px; }
 .ui-icon-circlesmall-minus { background-position: -48px -624px; }
 .ui-icon-circlesmall-close { background-position: -96px -624px; }
diff --git a/css/ui.scoreboard.css b/css/ui.scoreboard.css
index bc918d6..802144f 100755
--- a/css/ui.scoreboard.css
+++ b/css/ui.scoreboard.css
@@ -34,8 +34,14 @@ cursor:pointer;
 
 button .ui-scoreboard-icon{
 float: left; 
-margin-right:0.3em;
+/*margin-right:0.3em;*/
 }
+
+button span.centered {
+float: left;
+padding-top: 0.4em;
+}
+
 .ui-scoreboard-container-v{
 max-width: 200px;
 max-height: 400px;
diff --git a/js/ui.scoreboard.js b/js/ui.scoreboard.js
index 689acc6..6b1eaea 100755
--- a/js/ui.scoreboard.js
+++ b/js/ui.scoreboard.js
@@ -118,27 +118,31 @@
 		      this.element.addClass('ui-scoreboard-container-' + layoutId +
 			      ' ui-widget ui-widget-content ui-corner-all');
 
-		      var clone = $('<div>')
+		      var $parent = $('<div>')
 		          .addClass('ui-scoreboard-spacing-' + layoutId);
+		     
 		      this._scoreText = $("<div>" + this._("Score") + "</div>")
 			  .addClass('ui-scoreboard-spacing-'+ layoutId +
 				    ' ui-corner-all ui-scoreboard-text')
-			  .appendTo(this.element);
+			  .appendTo($parent);
+
 		      this._score = $("<div>" + this._(score) + "</div>")
 		          .addClass('ui-scoreboard-spacing-' + layoutId +
 				    ' ui-scoreboard-number-' + layoutId)
-			  .appendTo(this.element);
+			  .appendTo($parent);
+
 		     $("<div>Total</div>")
 			  .addClass('ui-scoreboard-spacing-' + layoutId +
 				    ' ui-corner-all ' + 
 				    'ui-scoreboard-text')
-			  .appendTo(this.element);
-		      //this._total = $("<div>" + this._convertNumLocale(total) + "</div>")
+			  .appendTo($parent);
+
 		      this._total = $("<div>" + this._(total) + "</div>")
 		          .addClass('ui-scoreboard-spacing-' + layoutId +
 				    ' ui-scoreboard-number-' + layoutId)
-			  .appendTo(this.element);
-		      var playAgainDiv = $('<button>Restart</button>')
+			  .appendTo($parent);
+
+		      var $playAgainDiv = $('<button></button>')
 			      .addClass('ui-scoreboard-spacing-' + layoutId + 
 					' ui-scoreboard-button ' +
 				        'ui-corner-all ui-state-default')
@@ -150,11 +154,18 @@
 			      function(){ 
 				  $(this).removeClass("ui-state-hover"); 
 			      })
-			  .appendTo(this.element);
-		      var playAgainIcon = $('<span></span>')
+			  .appendTo($parent);
+
+		      var $playAgainIcon = $('<span></span>')
 			  .addClass('ui-icon ui-icon-arrowreturnthick-1-s '
 				    + 'ui-scoreboard-icon')
-			  .appendTo(playAgainDiv);
+			  .appendTo($playAgainDiv);
+		 
+		      var $playAgainTest = $('<span>Restart</span>')
+		          .addClass('centered')
+		          .appendTo($playAgainDiv);
+		      
+		      this.element.append($parent);
 
 		  },
 		  _refresh : function(){