tutorial fix

AppSchema.json

@@ -14595,13 +14595,15 @@
             {
                 "action": "Play Tutorial",
                 "label": "Play",
-                "relatedUiObject": "Tutorial",
+                "iconPathOn": "play",
+                "iconPathOff": "play",
                 "actionFunction": "payload.onMenuItemClick"
             },
             {
                 "action": "Resume Tutorial",
                 "label": "Resume",
-                "relatedUiObject": "Tutorial",
+                "iconPathOn": "resume",
+                "iconPathOff": "resume",
                 "actionFunction": "payload.onMenuItemClick"
             },
             {

BackendServers/WebServer/main.css

@@ -150,9 +150,13 @@
   line-height: 150%
 }
 
+li > .tutorial-font-small {
+  margin-bottom:7px;
+}
+
 .tutorial-font-medium {
   
-  font:normal normal normal 30px/1 "segoeui";
+  font:normal normal normal 32px/1 "segoeui";
   text-rendering:auto;
   -webkit-font-smoothing:antialiased;
   -moz-osx-font-smoothing:grayscale;
@@ -182,7 +186,7 @@
   color: #a94442;
   background-color: #f2dede;
   border-color: #ebccd1;
-  padding: 15px;
+  padding: 12px;
   border: 1px solid transparent;
   border-radius: 4px;
   margin: 20px 0;
@@ -194,7 +198,7 @@
   color: #8a6d3b;
   background-color: #fcf8e3;
   border-color: #faebcc;
-  padding: 15px;
+  padding: 12px;
   border: 1px solid transparent;
   border-radius: 4px;
   margin: 20px 0;
@@ -206,7 +210,7 @@
   color: #31708f;
   background-color: #d9edf7;
   border-color: #bce8f1;
-  padding: 15px;
+  padding: 12px;
   border: 1px solid transparent;
   border-radius: 4px;
   margin: 20px 0;
@@ -218,7 +222,7 @@
   color: #3c763d;
   background-color: #dff0d8;
   border-color: #d6e9c6;
-  padding: 15px;
+  padding: 12px;
   border: 1px solid transparent;
   border-radius: 4px;
   margin: 20px 0;
@@ -246,7 +250,7 @@
 }
 
 .tutorial-image-container {
-  padding: 5px;
+  padding: 5px 15px 5px 5px;
   border: solid 0px;
   margin-left: auto;
   margin-right: auto;
@@ -266,8 +270,11 @@
   width: 240px;
   background-color: #0295aa;
   color: #fff;
+  font-weight: normal;
+  font-size: 92%;
+  line-height: 130%;
   text-align: center;
-  padding: 5px 10;
+  padding: 15px;
   border-radius: 6px;
 
   /* Position the tooltip text */
@@ -299,4 +306,5 @@
 .tooltip:hover .tooltiptext {
   visibility: visible;
   opacity: 1;
-}
+}
+

CanvasApp/Spaces/TutorialSpace.js

@@ -781,7 +781,7 @@ function newTutorialSpace() {
             html = html + '</div>'
         }
         if (nodeConfig.paragraph2 !== undefined && nodeConfig.paragraph2 !== '') {
-            html = html + '<p class="tutorial-font-small">' + addToolTips(nodeConfig.paragraph2) + '</p>'
+            html = html + '<div class="tutorial-font-small">' + addToolTips(nodeConfig.paragraph2) + '</div>'
         }
         if (nodeConfig.note !== undefined && nodeConfig.note !== '') {
             html = html + '<div class="tutorial-font-small tutorial-alert-info" role="alert"><i class="tutorial-fa tutorial-info-circle"></i> <b>Note:</b> ' + addToolTips(nodeConfig.note) + '</div>'