Standarizing the sizes

Dashboard.js

@@ -16,6 +16,21 @@ UI_FONT = {
     SECONDARY: "Courier New"
 };
 
+/* User Interface Panels */
+
+UI_PANEL = {
+    WIDTH: {
+        SMALL: 200,
+        NORMAL: 250,
+        LARGE: 350
+    },
+    HEIGHT: {
+        SMALL: 65,
+        NORMAL: 300,
+        LARGE: 450
+    }
+};
+
 /* Callbacks default responses. */
 
 let GLOBAL = {};

Panels/ProductsPanel.js

@@ -31,12 +31,12 @@
 
     function initialize() {
 
-        thisObject.container.frame.width = 350;
-        thisObject.container.frame.height = viewPort.visibleArea.bottomRight.y - viewPort.visibleArea.topLeft.y;
+        thisObject.container.frame.width = UI_PANEL.WIDTH.LARGE;
+        thisObject.container.frame.height = UI_PANEL.HEIGHT.LARGE;
 
         var position = {
             x: viewPort.visibleArea.topLeft.x,
-            y: viewPort.visibleArea.topLeft.y
+            y: viewPort.visibleArea.bottomLeft.y - thisObject.container.frame.height
         };
 
         thisObject.container.frame.position = position;

Panels/TimeControlPanel.js

@@ -23,8 +23,8 @@ function newTimeControlPanel() {
 
     function initialize() {
 
-        thisObject.container.frame.width = 200;
-        thisObject.container.frame.height = 65;
+        thisObject.container.frame.width = UI_PANEL.WIDTH.SMALL;
+        thisObject.container.frame.height = UI_PANEL.HEIGHT.SMALL;
 
         let position = {
             x: (viewPort.visibleArea.topRight.x - viewPort.visibleArea.topLeft.x) / 2 - thisObject.container.frame.width / 2,