now sidebar in mytest.html is properly positioned

2 files changed, 15 insertions, 6 deletions

diff --git a/examples/adding_up_to_10/css/mytest.css b/examples/adding_up_to_10/css/mytest.css
index 49ca07a..3a22fd9 100755
--- a/examples/adding_up_to_10/css/mytest.css
+++ b/examples/adding_up_to_10/css/mytest.css
@@ -169,6 +169,16 @@ margin-left:auto;
 margin-right:auto;
 float:left;
 }
+
+#chimpCanvas {
+position:absolute;
+width:120px;
+height:160px;
+top:10px;
+left:25px;
+
+}
+
 #resetButton {
 position:absolute;
 top:20%;
diff --git a/examples/adding_up_to_10/mytest.html b/examples/adding_up_to_10/mytest.html
index e4a175e..0f1f955 100755
--- a/examples/adding_up_to_10/mytest.html
+++ b/examples/adding_up_to_10/mytest.html
@@ -47,23 +47,22 @@
 	</div>
 
       </div>
-
+      
     </div>
     <div id="sidebar">
       <div class="sidebarItem">
 	<img id="timer" src="assets/generic/images/scorebox.png" alt=""/>
-	<canvas id="timerCanvas" width="100" height="150" />
+	<canvas id="timerCanvas" width="100" height="140" />
 	<img id="banana" src="assets/generic/images/banana.png" alt=""/>
 	<img id="ball" src="assets/generic/images/ball.png" alt=""/>
       </div>
       <div class="sidebarItem">
 	<img id="scorebox" src="assets/generic/images/scorebox.png" alt=""/>
-	<canvas id="scoreboxCanvas" width="100" height="150" />
+	<canvas id="scoreboxCanvas" width="100" height="140" />
       </div>
       <div class="sidebarItem">
-	<img id="chimp" src="assets/generic/images/normalChimp_200x209.png" alt=""/>
-	<button id="buttonReset">RESET</button> 
-
+	<img id="chimp" src="assets/generic/images/normalChimp_200x209.png" alt=""/>    <canvas id="chimpCanvas" width="100px" height="140px"> </canvas>
+	
       </div>