Aesthetics Improvements

Frame.js

@@ -1,7 +1,7 @@
 
 function newFrame() {
 
-    const PANEL_CORNERS_RADIOUS = 10;
+    const PANEL_CORNERS_RADIOUS = 5;
     const TITLE_BAR_HEIGHT = 14; // this must be grater than radius
 
     var frame = {

Panels/ProductsPanel.js

@@ -27,7 +27,7 @@
 
     function initialize() {
 
-        thisObject.container.frame.width = 320;
+        thisObject.container.frame.width = 350;
         thisObject.container.frame.height = viewPort.visibleArea.bottomRight.y - viewPort.visibleArea.topLeft.y + 15;
 
         var position = {

ProductCard.js

@@ -96,7 +96,7 @@
         };
 
         this.container.frame.position = position;
-        this.container.frame.width = 300;
+        this.container.frame.width = 330;
         this.container.frame.height = 100;
 
         /* We retrieve the locally stored status of the Product */
@@ -330,7 +330,7 @@
         const devTeamImageSize = 50;
         const botImageSize = 50;
         const plotterImageSize = {
-            width: 150,
+            width: 180,
             height: 50
         };
 
@@ -351,7 +351,7 @@
         if (thisObject.bot.profilePicture !== undefined) {
 
             let botImagePoint = {
-                x: thisObject.container.frame.width - 10 - botImageSize - 5,
+                x: thisObject.container.frame.width - 10 - botImageSize,
                 y: thisObject.container.frame.height / 2 - botImageSize / 2
             };
 
@@ -384,7 +384,7 @@
         /* Now the small circle */
 
         centerPoint = {
-            x: thisObject.container.frame.width - 10,
+            x: thisObject.container.frame.width / 2,
             y: thisObject.container.frame.height / 2
         };
 

server.js

@@ -6,7 +6,7 @@ if (CONSOLE_LOG === true) {
 
 }
 
-const DEBUG_MODE = false;                // This forces the server to read Plotters from the local drive.
+const DEBUG_MODE = true;                // This forces the server to read Plotters from the local drive.
 
 if (CONSOLE_LOG === true && DEBUG_MODE === true) {