s y m m e t r y

client/assets/styles/game.less

@@ -10,6 +10,10 @@
     //     "opponent"
     //     "target  "
     //     "player  ";
+
+    .skill-description {
+        font-size: 75%;
+    }
 }
 
 .game .team, .faceoff .team {
@@ -43,8 +47,11 @@
 
     .game-construct {
         align-items: flex-start;
-        grid-template-columns: 1fr 2fr;
+        grid-template-rows: 2fr min-content;
         grid-template-rows: 1fr;
+        grid-template-areas:
+            "right"
+            "left";
 
         .right {
             height: 100%;
@@ -79,7 +86,10 @@
     justify-items: center;
 
     grid-template-columns: 1fr;
-    grid-template-rows: min-content 1fr;
+    grid-template-rows: 1fr 2fr;
+    grid-template-areas:
+        "left"
+         "right";
 
     .left {
         width: 100%;

client/assets/styles/styles.mobile.less

@@ -53,10 +53,6 @@
                 }
             }
 
-            .skill-description {
-                font-size: 75%;
-            }
-
             .effects {
                 font-size: 1em;
             }