fix info stuff

client/src/components/info.component.jsx

@@ -21,15 +21,14 @@ function InfoComponent(args) {
             return (
                 <div>
                     <h2>VBOX phase</h2>
-                    <p>in this phase you strengthen and specialise your constructs by equipping items to them.</p>
+                    <p>strengthen and specialise your constructs by equipping items to them.</p>
-                    <p>double clicking items in the <b>VBOX</b> will purchase and move them to your <b>INVENTORY</b>.</p>
+                    <p>double click to purchase items in the <b>VBOX</b> and move them to your <b>INVENTORY</b>.</p>
                     <p>
-                        hover over an item to see its effects and combinations.<br />
                         combine a <b>SKILL</b> or <b>SPEC</b> with 2 <b>COLOURS</b> to create an item.<br />
-                        combine 3 of the same item to upgrade it.<br />
+                        combine <b>3 of the same item</b> to upgrade it.<br />
-                        click an item and then click a construct to equip that item to it.<br />
+                        click an item and then click a construct to <b>equip</b> that item to it.<br />
                     </p>
-                    <p>click the <b>READY</b> button on the right to progress to the <b>GAME PHASE</b>.</p>
+                    <p>click the <b>READY</b> button for the <b>GAME PHASE</b>.</p>
                 </div>
             );
         }

client/src/constants.jsx

@@ -1,3 +1,5 @@
+const preact = require('preact');
+
 const SOURCE_DURATION_MS = 1000;
 const TARGET_DELAY_MS = 500;
 const TARGET_DURATION_MS = 1500;
@@ -24,15 +26,11 @@ module.exports = {
     INFO: {
         vbox: {
             item: 'VBOX',
-            description: 'Contains ITEMS that are available for you to buy.\nDouble-click to purchase.',
+            description: <p><b>ITEMS</b> that are available to buy.<br />the <b>VBOX</b> is refilled every round.<br />click <b>REFILL</b> at the bottom to purchase a refill. </p>,
         },
         inventory: {
             item: 'INVENTORY',
-            description: 'Holds purchased ITEMS.\nClick to add ITEM to I-COMBINATOR.',
+            description: <p>holds <b>ITEMS</b><br /><b>ITEMS</b> carry over each round.</p>,
-        },
-        combiner: {
-            item: 'I-COMBINATOR',
-            description: 'Combines purchased ITEMS into more powerful variants. Hover over an ITEM to see recipes.',
         },
         bits: {
             item: 'BITS',
@@ -51,12 +49,12 @@ module.exports = {
             description: 'Reclaim ITEMS for half the purchase cost of their combined ITEMS.\nClick to enable and click ITEM to reclaim.',
         },
         refine: {
-            item: 'REFINE',
+            item: 'COMBINE',
-            description: 'Refine ITEMS currently in I-COMBINATOR into more powerful variants',
+            description: <p>combine the selected items.<br />hover over an item to see <b>RECIPES</b>.</p>,
         },
         refill: {
             item: 'REFILL',
-            description: 'Refill the VBOX with new ITEMS.',
+            description: 'Refill the VBOX with new items.',
         },
         equipSkills: {
             item: 'QUICK ACCESS - SKILLS',