Reorder steps of site tour

Author: pel-daniel

src/components/Tutorial.js

@@ -31,11 +31,6 @@ export default class Tutorial extends Component {
           selector: '#window',
           position: 'top-left'
         },
-        {
-          text: getMessage(props.locale, 'joyrideSteps.tutorial'),
-          selector: '#tutorial',
-          position: 'right'
-        },
         {
           text: getMessage(props.locale, 'joyrideSteps.library'),
           selector: '#library',
@@ -55,6 +50,11 @@ export default class Tutorial extends Component {
           text: getMessage(props.locale, 'joyrideSteps.workspace'),
           selector: '#workspace',
           position: 'left'
+        },
+        {
+          text: getMessage(props.locale, 'joyrideSteps.tutorial'),
+          selector: '#tutorial',
+          position: 'right'
         }
       ]
     }

src/utils/translationUtils.js

@@ -16,23 +16,23 @@ const translations = {
     value: 'Value: ',
     workspace: 'Workspace',
     'joyrideSteps.window': 'The window has 3 sections.',
-    'joyrideSteps.tutorial':
-      '<b>1. Tutorial</b>\
-      <p>The instructions for following the tutorial</p>',
     'joyrideSteps.library':
-      '<b>2. Library</b>\
+      '<b>1. Library</b>\
       <p>The library has 2 components: <ul><li>Constants</li><li>Functions</li><p>',
     'joyrideSteps.constants':
       '<p>Clicking on "Number" will add a ballon to the workspace.</p>\
       <p>This ballon can hold a number.</p>',
     'joyrideSteps.functions': 'Clicking on a math operation will add a brick to the workspace.',
     'joyrideSteps.workspace':
-      '<b>3. Workspace</b>\
+      '<b>2. Workspace</b>\
       <p>The workspace is the playground where you can connect ballons and bricks.</p>\
       <p>Clicking on an element will show a dialog where you can change its properties.</p>\
       <p>Move the elements by drag & drop.</p>\
       <p>The elements are connected through pipes. To create a pipe click on an\
       input and an output slot.',
+    'joyrideSteps.tutorial':
+      '<b>3. Tutorial</b>\
+      <p>The instructions for following the tutorial</p>',
     'tutorialSteps.1':
 "<p>This is a small tutorial for learning the basics of programming.</p>\
 <p>All programs are composed of two primary components.\