From d2d1bd7a4bddc2adda01e12879554de3c673a81d Mon Sep 17 00:00:00 2001
From: ntr <ntr@smokestack.io>
Date: Tue, 5 Nov 2019 15:47:28 +1100
Subject: [PATCH] s y m m e t r y

---
 client/assets/styles/game.less          | 14 ++++++++++++--
 client/assets/styles/styles.mobile.less |  4 ----
 2 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/client/assets/styles/game.less b/client/assets/styles/game.less
index b115102b..6927b36a 100644
--- a/client/assets/styles/game.less
+++ b/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%;
diff --git a/client/assets/styles/styles.mobile.less b/client/assets/styles/styles.mobile.less
index ab533d49..c18c96b9 100644
--- a/client/assets/styles/styles.mobile.less
+++ b/client/assets/styles/styles.mobile.less
@@ -53,10 +53,6 @@
                 }
             }
 
-            .skill-description {
-                font-size: 75%;
-            }
-
             .effects {
                 font-size: 1em;
             }