Top Space above all

Canvas.js

@@ -119,13 +119,13 @@ function newCanvas() {
 
             /* Here we add all the functions that will be called during the animation cycle. */
 
-            animation.addCallBackFunction("Top Space", thisObject.topSpace.draw, onFunctionAdded);
             animation.addCallBackFunction("Chart Space", thisObject.chartSpace.draw, onFunctionAdded);
             animation.addCallBackFunction("Floating Space", thisObject.floatingSpace.floatingLayer.physicsLoop, onFunctionAdded);
             animation.addCallBackFunction("Panels Space", thisObject.panelsSpace.draw, onFunctionAdded);
             animation.addCallBackFunction("Splash Screen", splashScreen.draw, onFunctionAdded);
             animation.addCallBackFunction("ViewPort Animate", viewPort.animate, onFunctionAdded);
             animation.addCallBackFunction("ViewPort Draw", viewPort.draw, onFunctionAdded);
+            animation.addCallBackFunction("Top Space", thisObject.topSpace.draw, onFunctionAdded);
             animation.start(onStart);
 
             function onFunctionAdded(err) {

Panels/TimeControlPanel.js

@@ -36,7 +36,7 @@ function newTimeControlPanel() {
 
         let position = {
             x: (viewPort.visibleArea.topRight.x - viewPort.visibleArea.topLeft.x) / 2 - thisObject.container.frame.width / 2,
-            y: viewPort.visibleArea.topLeft.y
+            y: viewPort.visibleArea.bottomLeft.y - thisObject.container.frame.height
         };
 
         thisObject.container.frame.position = position;