working on the highscore layout

dev/lib/game/main.js

@@ -23,8 +23,6 @@ ig.module(
     pauseDialogAnim: null,
     showPause: false,
     
-    highscoreDialog: new ig.AnimationSheet('media/highscore_screen.png', 624, 384),
-    
     clearColor: null,
 
     init: function() {
@@ -117,9 +115,10 @@ ig.module(
       game_id: '642fc6c1e8',
       response: 'json'
     },
-    font: new ig.Font( 'media/04b03.font.png' ),
-    background: new ig.Image('media/stats_screen.png'),
+    font: new ig.Font( 'media/lcddot.font.png' ),
+    background: new ig.Image('media/highscore_screen.png'),
     nameField: null,
+    clearColor: null,
 
     init: function() {
       ig.input.bind(ig.KEY.ENTER, 'submit-score');
@@ -160,6 +159,7 @@ ig.module(
     },
 
     draw: function() {
+      ig.system.context.clearRect( 0 ,0, ig.system.realWidth, ig.system.realHeight );
       this.parent();
       this.background.draw(0, 0);
 
@@ -173,9 +173,8 @@ ig.module(
         }
       }
 
-      this.nameField.draw(200, 200);
-      this.font.draw('Score: ' + ig.global.score, 200, 300, ig.Font.ALIGN.CENTER);
-      this.font.draw('Press [ENTER] to move to the main menu', 200, 350, ig.Font.ALIGN.CENTER);
+      this.nameField.draw(260, 200);
+      this.font.draw(ig.global.score, 485, 150, ig.Font.ALIGN.RIGHT);
     }
   });