mobile styles

client/assets/styles/footer.less

@@ -6,6 +6,7 @@ footer {
 
     button {
         margin: 0;
+        border-radius: 0;
         border: none;
         background: #222;
         font-size: 1.5em;

client/assets/styles/game.less

@@ -317,37 +317,58 @@
 
         grid-template-rows: 1fr 0.2fr 1.5fr;
         grid-template-columns: 1fr;
+
+        .game-construct  {
+            display: grid;
+            grid-template-columns: 1fr;
+            grid-template-rows: min-content 1fr;
+
+            .left {
+                grid-template-rows: min-content min-content;
             }
 
-    .game .stats div {
+            .skills {
+                button {
+                    padding: 0 0.5em ;
+                    margin: 0;
+                }
+            }
+
+            .stats div {
                 padding: 0;
             }
 
-    .game .stats .max {
+            .stats .max {
                 display: none;
             }
 
-    .game .stats .value {
+            .stats .value {
                 display: flex;
             }
 
-    .game .stats svg {
+            .stats svg {
                 height: 1em;
             }
 
-    .game .stats div {
+            .stats div {
                 margin: 0 0.2em;
             }
 
-    .game .effects {
+            .effects {
                 font-size: 100%;
             }
 
-    #mnml .game .skills button, #mnml .game .stats {
+            .skills button, .stats, .name {
                 font-size: 75%;
             }
+        }
 
-    .game-construct .name {
+        .opponent {
-        display: none;
+            .game-construct {
+                display: grid;
+                grid-template-columns: 1fr;
+                grid-template-rows: min-content 1fr;
+            }
+        }
     }
 }

client/assets/styles/styles.mobile.css

@@ -1,9 +1,10 @@
 @media (max-width: 800px) {
     #mnml {
-        font-size: 14pt;
+        font-size: 12pt;
         padding: 1em 0 0 0;
         grid-template-columns: 1fr;
         grid-template-rows: 1fr min-content;
+        overflow-y: scroll;
         grid-template-areas:
           "main"
           "footer";

server/src/events.rs

@@ -263,7 +263,7 @@ impl Events {
                         None => false,
                     })
                     .map(|(_id, c)| PvpRequest { id: c.id, account: c.account.unwrap(), tx: c.tx.clone() })
-                    .ok_or(format_err!("invite not found code={:?}", code))?;
+                    .ok_or(format_err!("invite expired code={:?}", code))?;
 
                 let join = PvpRequest { id: c.id, account: c.account.unwrap(), tx: c.tx.clone() };