Align Working

Client/WebServer/css/docs.css

@@ -1,22 +1,18 @@
 
   .docs-page {
-    padding: 15px;
-    margin-bottom: 20px;
-    border: 2px solid;
-    border-color: #1b998b;
-    border-radius: 8px;
+    border: 0px solid;
     background-color: #fdfdfd;
   }
 
   .docs-definitionTable {
     background-color: #f3f3f3;
-    border-top-color: #a6e1ec;
-    padding: 15px;
-    margin: 20px 0;
-    border: solid 0px;
     vertical-align: middle;
-    min-width: 100px;
-    width: 100%;
+    width: 95%;
+    min-width: 95px;
+    margin: auto;
+    margin-bottom: 20px;
+    margin-top: 20px;
+    border: 1px solid #dedede;
   }
 
   .docs-image-container {
@@ -27,8 +23,24 @@
     width: 100%;
   }
 
+  .docs-font-medium {
+    font:normal normal normal 32px/1 "segoeui";
+    text-rendering:auto;
+    -webkit-font-smoothing:antialiased;
+    -moz-osx-font-smoothing:grayscale;
+    line-height: 150%
+  }
+  
+  .docs-font-large {
+    font:bold normal normal 40px/1 "segoeui";
+    text-rendering:auto;
+    -webkit-font-smoothing:antialiased;
+    -moz-osx-font-smoothing:grayscale;
+    line-height: 150%
+  }
+
   .docs-font-bold-small {
-    font:bold normal normal 14px/1 "segoeui";
+    font:bold normal normal 24px/1 "segoeui";
     font-size:inherit;
     text-rendering:auto;
     -webkit-font-smoothing:antialiased;

Projects/ProjectsSchema.json

@@ -220,7 +220,7 @@
                     "functionName": "newSuperalgosTopSpace",
                     "initializationIndex": 1,
                     "animationPhysicsIndex": 7,
-                    "animationDrawIndex": 6,
+                    "animationDrawIndex": 5,
                     "onMouseOverIndex": 4,
                     "onMouseClickIndex": 4,
                     "onMouseDownIndex": 4
@@ -232,7 +232,7 @@
                     "functionName": "newSuperalgosCockpitSpace",
                     "initializationIndex": 2,
                     "animationPhysicsIndex": 0,
-                    "animationDrawIndex": 7,
+                    "animationDrawIndex": 6,
                     "onMouseWheelIndex": 4,
                     "onMouseOverIndex": 5,
                     "onMouseClickIndex": 5,
@@ -297,7 +297,7 @@
                     "functionName": "newSuperalgosDocSpace",
                     "initializationIndex": 7,
                     "animationPhysicsIndex": 5,
-                    "animationDrawIndex": 4,
+                    "animationDrawIndex": 7,
                     "onMouseWheelIndex": 1,
                     "onMouseOverIndex": 1,
                     "onMouseClickIndex": 1,
@@ -316,7 +316,7 @@
                     "functionName": "newSuperalgosTutorialSpace",
                     "initializationIndex": 8,
                     "animationPhysicsIndex": 6,
-                    "animationDrawIndex": 5,
+                    "animationDrawIndex": 4,
                     "onMouseWheelIndex": 0,
                     "onMouseOverIndex": 0,
                     "onMouseClickIndex": 0,

Projects/Superalgos/UI/Spaces/Docs-Space/DocsSpace.js

@@ -68,20 +68,25 @@ function newSuperalgosDocSpace() {
 
         function buildNodeHtmlPage() {
             let HTML = ''
-            HTML = HTML + '<table class="docs-definitionTable">'
-            HTML = HTML + '<tr>'
-            HTML = HTML + '<td>'
-            HTML = HTML + '<div id="definitionImageDiv" class="docs-image-container"/>'
-            HTML = HTML + '</td>'
-            HTML = HTML + '<td>'
-            HTML = HTML + '<strong class="docs-font-bold-small">' + addToolTips(node, nodeDocsDefinition.definition) + '</strong>'
-            HTML = HTML + '</td>'
-            HTML = HTML + '</tr>'
-            HTML = HTML + '</table>'
+            if (nodeDocsDefinition.definition !== undefined) {
+                HTML = HTML + '<table class="docs-definitionTable">'
+                HTML = HTML + '<tr>'
+                HTML = HTML + '<td>'
+                HTML = HTML + '<div id="definitionImageDiv" class="docs-image-container"/>'
+                HTML = HTML + '</td>'
+                HTML = HTML + '<td>'
+                HTML = HTML + '<strong class="docs-font-bold-small">' + addToolTips(node, nodeDocsDefinition.definition) + '</strong>'
+                HTML = HTML + '</td>'
+                HTML = HTML + '</tr>'
+                HTML = HTML + '</table>'
+            }
 
             let docsAppDiv = document.getElementById('docsDiv')
             docsAppDiv.innerHTML = HTML
-            addDefinitionImage(nodeAppDefinition, node.project)
+
+            if (nodeDocsDefinition.definition !== undefined) {
+                addDefinitionImage(nodeAppDefinition, node.project)
+            }
         }
 
         thisObject.sidePanelTab.open()
@@ -95,14 +100,15 @@ function newSuperalgosDocSpace() {
         let webParam = 'Icons/' + project + '/' + imageName + '.png'
 
         htmlImage.src = webParam
-        htmlImage.width = "100"
-        htmlImage.height = "100"
+        htmlImage.width = "150"
+        htmlImage.height = "150"
 
         let definitionImageDiv = document.getElementById('definitionImageDiv')
         definitionImageDiv.appendChild(htmlImage)
     }
 
     function addToolTips(node, text) {
+
         const TOOL_TIP_HTML = '<div class="docs-tooltip">NODE_TYPE<span class="docs-tooltiptext">NODE_DEFINITION</span></div>'
         let resultingText = ''
         text = tagNodeTypes(text, node.type)
@@ -231,7 +237,7 @@ function newSuperalgosDocSpace() {
     }
 
     function resize() {
-        thisObject.container.frame.width = 1200
+        thisObject.container.frame.width = 800
         thisObject.container.frame.height = browserCanvas.height // - TOP_SPACE_HEIGHT
         thisObject.container.frame.position.x = browserCanvas.width
         thisObject.container.frame.position.y = 0 // TOP_SPACE_HEIGHT