Small Corrections in font size

BottomSpace/BreakpointsBar.js

@@ -19,16 +19,32 @@ function newBreakpointsBar() {
     container.frame.position.y = 0;
 
     container.isDraggeable = false;
+    container.isClickeable = true;
 
     let logo;
     let canDrawLogo = false;
 
+    let datetime;
+    let timePeriod;
+
     return thisObject;
 
     function initialize() {
 
+        viewPort.eventHandler.listenToEvent("Zoom Changed", onZoomChanged);
+        timePeriod = INITIAL_TIME_PERIOD;
 
+    }
 
+    function onZoomChanged(event) {
+
+        timePeriod = recalculatePeriod(event.newLevel);
+
+    }
+
+    function setDatetime(pDatetime) {
+
+        datetime = new Date(pDatetime);
     }
 
     function getContainer(point) {

ChartGrid.js

@@ -8,7 +8,6 @@
 
     return chartGrid;
 
-
     function draw(container, timeLineCoordinateSystem) {
 
         let periods = [];

TimelineChart.js

@@ -918,9 +918,9 @@
 
         if (INTENSIVE_LOG === true) { logger.write("[INFO] drawBackground -> Entering function."); }
 
-        let targetLabelFontSize = 150;
-        let fontSizeIncrement = 12.5;
-        let currentFontSize = 150;
+        let targetLabelFontSize = 120;
+        let fontSizeIncrement = 12;
+        let currentFontSize = 120;
 
         let market = markets.get(marketId);
         let label = market.assetA + " " + market.assetB;
@@ -958,7 +958,7 @@
 
         if (topPoint.y > viewPort.visibleArea.topLeft.y || bottomPoint.y < viewPort.visibleArea.bottomRight.y) {
 
-            targetLabelFontSize = 150 / 2;
+            targetLabelFontSize = 120 / 2;
 
             point = {
                 x: 0,
@@ -974,7 +974,7 @@
 
         } else {
 
-            targetLabelFontSize = 150;
+            targetLabelFontSize = 120;
 
             point = {
                 x: (viewPort.visibleArea.bottomRight.x - viewPort.visibleArea.bottomLeft.x) / 2 - label.length / 2 * currentFontSize * FONT_ASPECT_RATIO,