More fine tunning

Globals.js

@@ -158,8 +158,8 @@ maxDate.setDate(maxDate.getDate() + 365 * 1);  // We might have charts that proj
 const MIN_PLOTABLE_DATE = new Date(2015, 0, 1, 0, 0, 0);
 const MAX_PLOTABLE_DATE = maxDate;
 
-const TOP_SPACE_HEIGHT = 5;
-const COCKPIT_SPACE_HEIGHT = 40;
+const TOP_SPACE_HEIGHT = 2
+const COCKPIT_SPACE_HEIGHT = 30;
 const BREAKPOINT_HEIGHT = 15;
 const SIDE_PANEL_WIDTH = 450
 let COCKPIT_SPACE_POSITION = browserCanvas.height - COCKPIT_SPACE_HEIGHT
@@ -184,10 +184,6 @@ const PERIOD_10_MIN = "10-min";
 const PERIOD_05_MIN = "05-min";
 const PERIOD_01_MIN = "01-min";
 
-
-
-
-
 /*
 We define here the size of the chartSpace. It has to bee enough big in order to accomodate all the charts we expect to display in this space.
 */

Spaces/ChartSpace.js

@@ -185,8 +185,8 @@ function newChartSpace () {
       }
     }
 
-    if (point.y < 0) {
-      returnPoint.y = 0
+    if (point.y < TOP_SPACE_HEIGHT) {
+      returnPoint.y = TOP_SPACE_HEIGHT
     }
 
     return returnPoint

Spaces/CockpitSpace.js

@@ -183,7 +183,7 @@
        y: 0
      }
 
-     const RED_LINE_HIGHT = 5
+     const RED_LINE_HIGHT = 2
 
      zeroPoint = thisObject.container.frame.frameThisPoint(zeroPoint)
 

Spaces/TopSpace.js

@@ -59,7 +59,7 @@ function newTopSpace () {
     browserCanvasContext.beginPath()
 
     browserCanvasContext.rect(0, 0, thisObject.container.frame.width, thisObject.container.frame.height)
-    browserCanvasContext.fillStyle = 'rgba(' + UI_COLOR.RUSTED_RED + ', ' + opacity + ')'
+    browserCanvasContext.fillStyle = 'rgba(' + UI_COLOR.PATINATED_TURQUOISE + ', ' + opacity + ')'
 
     browserCanvasContext.closePath()