Positioning of Bottom bar Buttons fixed

BottomSpace/PlayStopButton.js

@@ -14,7 +14,7 @@ function newPlayStopButton() {
     thisObject.container = container;
 
     thisObject.container.frame.width = 50;
-    thisObject.container.frame.height = TOP_SPACE_HEIGHT;
+    thisObject.container.frame.height = BOTTOM_SPACE_HEIGHT;
 
     resize();
 
@@ -145,7 +145,7 @@ function newPlayStopButton() {
 
         thisObject.container.frame.draw(false, false);
 
-        let breakpointsHeight = 8;
+        let breakpointsHeight = 14;
 
         if (canDraw === false) { return; }
 

TopSpace/CurrentBot.js

@@ -13,7 +13,7 @@ function newCurrentBot() {
     thisObject.container = container;
 
     thisObject.container.frame.width = 150;
-    thisObject.container.frame.height = TOP_SPACE_HEIGHT;
+    thisObject.container.frame.height = BOTTOM_SPACE_HEIGHT;
 
     resize();
 
@@ -138,13 +138,14 @@ function newCurrentBot() {
 
         thisObject.container.frame.draw(false, false);
 
+        let breakpointsHeight = 14;
         let fontSize = 12;
         let label = window.CURRENT_BOT_DISPLAY_NAME;
         if (label === undefined) { label = "" };
 
         let point = {
             x: thisObject.container.frame.width / 2 - label.length / 2 * fontSize / 3,
-            y: (thisObject.container.frame.height / 2) + 12
+            y: thisObject.container.frame.height / 2 + fontSize / 2 + breakpointsHeight
         };
         point = thisObject.container.frame.frameThisPoint(point);
 

TopSpace/CurrentProcess.js

@@ -13,7 +13,7 @@ function newCurrentProcess() {
     thisObject.container = container;
 
     thisObject.container.frame.width = 150;
-    thisObject.container.frame.height = TOP_SPACE_HEIGHT;
+    thisObject.container.frame.height = BOTTOM_SPACE_HEIGHT;
 
     resize()
 
@@ -131,13 +131,14 @@ function newCurrentProcess() {
 
         thisObject.container.frame.draw(false, false);
 
+        let breakpointsHeight = 14;
         let fontSize = 12;
         let label = window.CURRENT_PROCESS;
         if (label === undefined) { label = "" };
 
         let point = {
             x: thisObject.container.frame.width / 2 - label.length / 2 * fontSize / 3,
-            y: (thisObject.container.frame.height / 2) + 12
+            y: thisObject.container.frame.height / 2 + fontSize / 2 + breakpointsHeight
         };
 
         point = thisObject.container.frame.frameThisPoint(point);

TopSpace/CurrentStartMode.js

@@ -13,7 +13,7 @@ function newCurrentStartMode() {
     thisObject.container = container;
 
     thisObject.container.frame.width = 150;
-    thisObject.container.frame.height = TOP_SPACE_HEIGHT;
+    thisObject.container.frame.height = BOTTOM_SPACE_HEIGHT;
 
     resize();
 
@@ -103,13 +103,14 @@ function newCurrentStartMode() {
         
         thisObject.container.frame.draw(false, false);
 
+        let breakpointsHeight = 14;
         let fontSize = 12;
         let label = window.CURRENT_START_MODE + " Mode";
         if (label === "undefined Mode") { label = "" };
 
         let point = {
             x: thisObject.container.frame.width / 2 - label.length / 2 * fontSize / 3,
-            y: (thisObject.container.frame.height / 2) + 12
+            y: thisObject.container.frame.height / 2 + fontSize / 2 + breakpointsHeight
         };
 
         point = thisObject.container.frame.frameThisPoint(point);

TopSpace/DevTeam.js

@@ -13,7 +13,7 @@ function newDevTeam() {
     thisObject.container = container;
 
     thisObject.container.frame.width = 150;
-    thisObject.container.frame.height = TOP_SPACE_HEIGHT;
+    thisObject.container.frame.height = BOTTOM_SPACE_HEIGHT;
 
     resize();
 
@@ -123,11 +123,12 @@ function newDevTeam() {
 
         thisObject.container.frame.draw(false, false);
 
+        let breakpointsHeight = 14;
         let fontSize = 12;
 
         let point = {
             x: thisObject.container.frame.width / 2 - label.length / 2 * fontSize / 3,
-            y: (thisObject.container.frame.height / 2) + 12
+            y: thisObject.container.frame.height / 2 + fontSize / 2 + breakpointsHeight
         };
 
         point = thisObject.container.frame.frameThisPoint(point);

TopSpace/EndUser.js

@@ -13,7 +13,7 @@ function newEndUser() {
     thisObject.container = container;
 
     thisObject.container.frame.width = 200;
-    thisObject.container.frame.height = TOP_SPACE_HEIGHT;
+    thisObject.container.frame.height = BOTTOM_SPACE_HEIGHT;
 
     container.frame.position.x = viewPort.visibleArea.topRight.x - thisObject.container.frame.width * 5;
     container.frame.position.y = viewPort.visibleArea.bottomLeft.y;

TopSpace/Login.js

@@ -13,7 +13,7 @@ function newLogin() {
     thisObject.container = container;
 
     thisObject.container.frame.width = 200;
-    thisObject.container.frame.height = TOP_SPACE_HEIGHT;
+    thisObject.container.frame.height = BOTTOM_SPACE_HEIGHT;
 
     container.frame.position.x = viewPort.visibleArea.topRight.x - thisObject.container.frame.width * 1;
     container.frame.position.y = viewPort.visibleArea.bottomLeft.y;