yas

client/game.css

@@ -46,10 +46,10 @@
 .opponent .game-cryp {
     grid-template-rows: auto auto minmax(0, 1fr) auto;
     grid-template-areas:
-        ".      stats"
-        ".      effects"
-        "target avatar"
-        ".      skills";
+        "stats      ."
+        "effects    ."
+        "avatar     target"
+        "skills     .";
 }
 
 .game-cryp {
@@ -60,12 +60,12 @@
 
     /*grid-template-rows: minmax(0, 1fr) minmax(0, 2fr) auto minmax(0, 1fr);*/
     /*grid-template-columns: min-content minmax(0, 1fr);*/
-    grid-template-columns: min-content 1fr 1fr;
+    grid-template-columns: 1fr min-content 1fr;
     grid-template-rows: 1fr 2fr 1fr;
     grid-template-areas:
-        ".      skills skills"
-        "target avatar avatar"
-        "effects stats stats";
+        "skills .      ."
+        "avatar target ."
+        "stats effects .";
 
     transition-property: all;
     transition-duration: 0.5s;

client/src/components/game.component.jsx

@@ -138,7 +138,7 @@ function GamePanel(props) {
                     {effects}
                 </div>
                 <div className="targeting">
-                    <div>></div>
+                    <div>{'<'}</div>
                 </div>
                 <figure
                     className="img"

client/src/components/game.cryp.jsx

@@ -79,7 +79,7 @@ function GameCryp(props) {
                 {skills}
             </div>
             <div className="targeting">
-                <div>></div>
+                <div>{'<'}</div>
             </div>
             <figure
                 className="img"

client/src/test.game.js

@@ -94,7 +94,10 @@ const game = {
               "cd": 1
             }
           ],
-          "effects": [],
+          "effects": [{
+            effect: "Decay",
+            duration: 2,
+          }],
           "specs": [],
           "colours": {
             "red": 0,
@@ -238,7 +241,8 @@ const game = {
               "cd": 1
             }
           ],
-          "effects": [],
+          "effects": [
+          ],
           "specs": [],
           "colours": {
             "red": 0,