Change to single bottom bar

BottomSpace/DeleteTradingHistory.js

@@ -296,7 +296,7 @@ function newDeleteTradingHistory() {
 
             if (canDrawIcon === false) { return; }
 
-            let breakpointsHeight = 15;
+            let breakpointsHeight = 14;
 
             let imageHeight = 15;
             let imageWidth = 15;

BottomSpace/PlayStopButton.js

@@ -130,7 +130,7 @@ function newPlayStopButton() {
 
         thisObject.container.frame.draw(false, false);
 
-        let breakpointsHeight = 15;
+        let breakpointsHeight = 8;
 
         if (canDraw === false) { return; }
 

Globals.js

@@ -130,7 +130,7 @@ const _1_MINUTE_IN_MILISECONDS = 1 * 60 * 1000;
 const EARLIEST_DATE = new Date(2014, 0, 18, 4, 26, 8);
 
 const TOP_SPACE_HEIGHT = 50;
-const BOTTOM_SPACE_HEIGHT = 50;
+const BOTTOM_SPACE_HEIGHT = 35;
 
 
 const PRODUCT_CARD_STATUS = {

Spaces/TopSpace.js

@@ -23,7 +23,7 @@ function newTopSpace() {
     thisObject.container.frame.height = TOP_SPACE_HEIGHT;
 
     container.frame.position.x = 0;
-    container.frame.position.y = 0;
+    container.frame.position.y = viewPort.visibleArea.bottomLeft.y;
 
     container.isDraggeable = false;
 
@@ -97,7 +97,7 @@ function newTopSpace() {
 
         thisObject.container.frame.draw(false, false);
 
-        drawBackground();
+        //drawBackground();
         thisObject.companyLogo.draw();
         thisObject.endUser.draw();
         thisObject.devTeam.draw();

TopSpace/CurrentBot.js

@@ -16,7 +16,7 @@ function newCurrentBot() {
     thisObject.container.frame.height = TOP_SPACE_HEIGHT;
 
     container.frame.position.x = viewPort.visibleArea.topRight.x - thisObject.container.frame.width * 3;
-    container.frame.position.y = 0;
+    container.frame.position.y = viewPort.visibleArea.bottomLeft.y;
 
     container.isDraggeable = false;
     container.isClickeable = true;
@@ -121,10 +121,9 @@ function newCurrentBot() {
         if (label === undefined) { label = "" };
 
         let point = {
-            x: thisObject.container.frame.width * 1 / 3,
-            y: (thisObject.container.frame.height / 2) + 4
+            x: 250,
+            y: (thisObject.container.frame.height / 2) + 12
         };
-
         point = thisObject.container.frame.frameThisPoint(point);
 
         browserCanvasContext.font = fontSize + 'px ' + UI_FONT.PRIMARY;

TopSpace/CurrentProcess.js

@@ -12,11 +12,11 @@ function newCurrentProcess() {
     container.initialize();
     thisObject.container = container;
 
-    thisObject.container.frame.width = 200;
+    thisObject.container.frame.width = 130;
     thisObject.container.frame.height = TOP_SPACE_HEIGHT;
 
     container.frame.position.x = viewPort.visibleArea.topRight.x - thisObject.container.frame.width * 2;
-    container.frame.position.y = 0;
+    container.frame.position.y = viewPort.visibleArea.bottomLeft.y;
 
     container.isDraggeable = false;
     container.isClickeable = true;
@@ -115,7 +115,7 @@ function newCurrentProcess() {
 
         let point = {
             x: thisObject.container.frame.width * 1 / 3,
-            y: (thisObject.container.frame.height / 2) + 4
+            y: (thisObject.container.frame.height / 2) + 12
         };
 
         point = thisObject.container.frame.frameThisPoint(point);

TopSpace/CurrentStartMode.js

@@ -12,11 +12,11 @@ function newCurrentStartMode() {
     container.initialize();
     thisObject.container = container;
 
-    thisObject.container.frame.width = 200;
+    thisObject.container.frame.width = 130;
     thisObject.container.frame.height = TOP_SPACE_HEIGHT;
 
     container.frame.position.x = viewPort.visibleArea.topRight.x - thisObject.container.frame.width * 1;
-    container.frame.position.y = 0;
+    container.frame.position.y = viewPort.visibleArea.bottomLeft.y;
 
     container.isDraggeable = false;
     container.isClickeable = true;
@@ -87,7 +87,7 @@ function newCurrentStartMode() {
 
         let point = {
             x: thisObject.container.frame.width / 2 - label.length / 2 * fontSize / 3,
-            y: (thisObject.container.frame.height / 2) + 4
+            y: (thisObject.container.frame.height / 2) + 12
         };
 
         point = thisObject.container.frame.frameThisPoint(point);

TopSpace/DevTeam.js

@@ -16,7 +16,7 @@ function newDevTeam() {
     thisObject.container.frame.height = TOP_SPACE_HEIGHT;
 
     container.frame.position.x = viewPort.visibleArea.topRight.x - thisObject.container.frame.width * 4;
-    container.frame.position.y = 0;
+    container.frame.position.y = viewPort.visibleArea.bottomLeft.y;
 
     container.isDraggeable = false;
     container.isClickeable = true;
@@ -104,8 +104,8 @@ function newDevTeam() {
         let fontSize = 12;
 
         let point = {
-            x: thisObject.container.frame.width * 1 / 3,
-            y: (thisObject.container.frame.height / 2) + 4
+            x: 300,
+            y: (thisObject.container.frame.height / 2) + 12
         };
 
         point = thisObject.container.frame.frameThisPoint(point);

TopSpace/EndUser.js

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

TopSpace/Login.js

@@ -16,7 +16,7 @@ function newLogin() {
     thisObject.container.frame.height = TOP_SPACE_HEIGHT;
 
     container.frame.position.x = viewPort.visibleArea.topRight.x - thisObject.container.frame.width * 1;
-    container.frame.position.y = 0;
+    container.frame.position.y = viewPort.visibleArea.bottomLeft.y;
 
     container.isDraggeable = false;
     container.isClickeable = true;