wip

html-client/cryps.css

@@ -159,6 +159,10 @@ header {
     transition-timing-function: ease;
 }
 
+.menu-cryp h2 {
+    font-size: 2em;
+}
+
 .instance-list {
     flex: 0 0 50%;
     flex-flow: row wrap;
@@ -202,7 +206,7 @@ header {
 }
 
 .instance-info {
-    flex: 0 1 50%;
+    flex: 0 0 50%;
 }
 
 .instance .spacer {
@@ -294,10 +298,10 @@ header {
 .instance-cryp-list {
     flex: 1 1 25%;
 
-
     display: flex;
     flex-flow: column;
     height: 95%;
+    padding: 0 2em 0 2em;
 }
 
 /* CRYP BOX */
@@ -378,6 +382,9 @@ header {
 .game {
     display: flex;
     flex-flow: row wrap;
+    align-content: flex-start;
+    justify-content: flex-start;
+    align-items: flex-start;
 }
 
 .game-back-btn {
@@ -385,11 +392,13 @@ header {
 }
 
 .team-player {
-    flex: 0 0 40%;
+    flex: 1 0 40%;
+    height: 90%;
 }
 
 .team-opponent {
-    flex: 0 0 20%;
+    flex: 1 0 20%;
+    height: 90%;
 }
 
 .logs {
@@ -411,6 +420,7 @@ header {
 
 .cryp-skill-btn[disabled] {
     color: #333333;
+    font-size: 14pt;
 }
 
 .game-cryp-ctr.ko {