fix layout for display on the XO

4 files changed, 12 insertions, 8 deletions

diff --git a/css/karma.css b/css/karma.css
index 9853d98..586f423 100755
--- a/css/karma.css
+++ b/css/karma.css
@@ -35,7 +35,7 @@ body{
 #kHeader{
     background-image: url('./epaath_images/bg_header.png');
     background-repeat: repeat-x;
-    height: 2em;
+    height: 75px;
     width: 100%;
     position: absolute;
     top: 0em;
@@ -58,7 +58,7 @@ body{
 	#kHeader .kHeaderBtn{
   		 width: 60px;
 		 height: 60px;
-		 margin-top: 0.2em;
+		 margin-top: 12px;
 		 cursor:pointer;
 	}
 	
@@ -97,11 +97,11 @@ body{
 	
 #kHeaderLessonTitle {
     font-family: Verdana, Arial, Helvetica, sans-serif;
-    font-size: 1em;
+    font-size: larger;
     font-weight: bold;
     color: #FFFFFF;
     margin-left: 2em;
-    margin-top: 0.7em;
+    margin-top: 22px;
     border:0.2em solid black;
     padding-left:0.5em;
     padding-right:0.5em;
@@ -111,8 +111,12 @@ body{
     -webkit-border-radius: 1.3em;
 }
 
+.ui-dialog{
+    font-size:smaller;
+}
+
 .ui-dialog-titlebar-close.ui-corner-all{
  height:48px;
  width: 48px;
- top: 10%;
+ top: 0%;
 }
diff --git a/css/ui.kFooter.css b/css/ui.kFooter.css
index 9c899c8..60192a7 100755
--- a/css/ui.kFooter.css
+++ b/css/ui.kFooter.css
@@ -1,7 +1,7 @@
 .ui-kFooter-container{
     background-image: url('./epaath_images/bg_footer.png');
     width: 100%;
-    height: 2em;
+    height: 2.5em;
     position: absolute;
     bottom: 0em;
     float:left;
@@ -40,7 +40,7 @@
 
 .ui-kFooter-button{
     cursor:pointer;
-    height: 1.6em;
+    height: 2em;
 }
 
 .ui-kFooter-icon{
diff --git a/examples/English_Animal_Identification/js/lesson.js b/examples/English_Animal_Identification/js/lesson.js
index 7a7ac48..45f76b3 100755
--- a/examples/English_Animal_Identification/js/lesson.js
+++ b/examples/English_Animal_Identification/js/lesson.js
@@ -23,7 +23,7 @@ $(document).ready(
 	 var current_image;
 	 
 	    var $help = $('#kHeaderHelp').dialog({
-		position:[ 650, 50], modal:'true',autoOpen:false
+		position:[ "right", "top"], modal:'true',autoOpen:false
 		});
 	    
 	    var $feedback = $('#feedback').feedback();
diff --git a/js/ui.core-draggable-resizable-dialog.js b/js/ui.core-draggable-resizable-dialog.js
index af96b59..af96b59 100644..100755
--- a/js/ui.core-draggable-resizable-dialog.js
+++ b/js/ui.core-draggable-resizable-dialog.js