styling improvements for effect text, move down opp avatars on mobile

2019-11-08 12:09:16 +10:00
parent 35062db799
commit e540128a94
3 changed files with 13 additions and 12 deletions
@@ -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";
@@ -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;
                }
            }
        }