From e540128a940b9c85926043f8df78ce85021b63c6 Mon Sep 17 00:00:00 2001
From: Mashy <himesh.kapadia@gmail.com>
Date: Fri, 8 Nov 2019 12:09:16 +1000
Subject: [PATCH] styling improvements for effect text, move down opp avatars
 on mobile

---
 client/assets/styles/game.less           |  6 +-----
 client/assets/styles/styles.mobile.less  | 11 +++++++++--
 client/src/components/game.construct.jsx |  8 +++-----
 3 files changed, 13 insertions(+), 12 deletions(-)

diff --git a/client/assets/styles/game.less b/client/assets/styles/game.less
index 0f446446..69147c45 100644
--- a/client/assets/styles/game.less
+++ b/client/assets/styles/game.less
@@ -10,10 +10,6 @@
     //     "opponent"
     //     "target  "
     //     "player  ";
-
-    .skill-description {
-        font-size: 75%;
-    }
 }
 
 .game .team, .faceoff .team {
@@ -101,7 +97,7 @@
     justify-items: center;
 
     grid-template-columns: 1fr;
-    grid-template-rows: 1fr 2fr;
+    grid-template-rows: minmax(min-content, 1fr) min-content;
     grid-template-areas:
         "left"
          "right";
diff --git a/client/assets/styles/styles.mobile.less b/client/assets/styles/styles.mobile.less
index c0e8798b..e46e31a0 100644
--- a/client/assets/styles/styles.mobile.less
+++ b/client/assets/styles/styles.mobile.less
@@ -40,7 +40,7 @@
                 }
 
                 svg {
-                    height: 1em;
+                    height: 1.5em;
                 }
             }
 
@@ -54,6 +54,13 @@
                 font-size: 1em;
             }
 
+            .skill-description {
+                font-size: 0.8em;
+                svg {
+                    height: 1em;
+                }
+            }
+
             .player {
                 .game-construct {
                     grid-template-areas:
@@ -85,7 +92,7 @@
                 }
 
                 .avatar {
-                    bottom: 0px;
+                    top: 3em;
                 }
             }
         }
diff --git a/client/src/components/game.construct.jsx b/client/src/components/game.construct.jsx
index d1880edf..35c328c4 100644
--- a/client/src/components/game.construct.jsx
+++ b/client/src/components/game.construct.jsx
@@ -146,11 +146,9 @@ class GameConstruct extends Component {
                 const speed = <span> Speed {shapes.SpeedStat()} multiplier {fullInfo.speed * 4}% </span>;
                 return (
                     <div class="skill-description">
-                        <span>
-                            <h2> {gameSkillInfo.skill} </h2>
-                            {infoDescription}
-                            {speed}
-                        </span>
+                        <h2><span> {gameSkillInfo.skill} </span></h2>
+                        <span>{infoDescription} </span>
+                        {speed}
                     </div>);
             }
             const effects = construct.effects.length