manifest fix

client/cryps.css

@@ -661,8 +661,17 @@ header {
         flex: 1;
     }
 
+    .info-cryp {
+        text-align: center;
+    }
+
     .cryp-box {
-        margin: 0.5em;
+        margin: 0;
+        border-left-width: 0px;
+    }
+
+    .cryp-box:first-child {
+        border-left-width: 1px;
     }
 
     .spawn-btn button {

client/index.html

@@ -8,7 +8,7 @@
     <meta name=apple-mobile-web-app-status-bar-style content=black>
     <meta name="description" content="cryps.gg - mnml pvp atbs">
     <meta name="author" content="ntr@smokestack.io">
-    <link rel="manifest" href="manifest.json">
+    <link rel="manifest" href="./manifest.webmanifest">
     <link rel="stylesheet" href="./node_modules/izitoast/dist/css/iziToast.min.css"></script>
     <link href="https://fonts.googleapis.com/css?family=Jura" rel="stylesheet">
     <link rel="stylesheet" href="assets/normalize.css">

client/src/components/info.component.jsx

@@ -12,7 +12,7 @@ function Info(args) {
         instance,
     } = args;
 
-    function infoVar(info) {
+    function infoVar([type, value]) {
         let red = 0; let blue = 0; let green = 0;
         instance.cryps.forEach(cryp => {
             red += cryp.colours.red;
@@ -20,7 +20,6 @@ function Info(args) {
             green += cryp.colours.green;
         });
         const teamColours = { red, blue, green };
-        const [type, value] = info;
 
         if (type === 'item') {
             let itemDetails;

client/src/components/instance.component.jsx

@@ -26,7 +26,7 @@ function Cryp(props) {
         function skillClick() {
             if (!skill) return false;
             setInfo('skill', { skill, cryp });
-            setActiveCryp(cryp);
+            return setActiveCryp(cryp);
         }
 
         return <button key={i} className="cryp-skill-btn right" onClick={skillClick} >{s}</button>;

server/WORKLOG.md

@@ -19,6 +19,7 @@
 *CLIENT*
 * general
   * icons change with %
+  * colour vbox icons
 * instance
   * cryp / vbox page separation