Small margin adjustment on Game page
[vchess.git] / client / src / views / Game.vue
index 88f2b5e..2a7fae8 100644 (file)
@@ -30,8 +30,7 @@ main
           span.name(:class="{connected: isConnected(1)}")
             | {{ game.players[1].name || "@nonymous" }}
           span.time(v-if="game.score=='*'") {{ virtualClocks[1] }}
-  BaseGame(:game="game" :vr="vr" ref="basegame"
-    @newmove="processMove" @gameover="gameOver")
+  BaseGame(:game="game" :vr="vr" @newmove="processMove" @gameover="gameOver")
 </template>
 
 <script>
@@ -344,13 +343,10 @@ export default {
           this.drawOffer = "received";
           break;
         case "newchat":
-        {
-          const chat = data.data;
-          this.newChat = chat;
+          this.newChat = data.data;
           if (!document.getElementById("modalChat").checked)
             document.getElementById("chatBtn").style.backgroundColor = "#c5fefe";
           break;
-        }
       }
     },
     socketCloseListener: function() {
@@ -564,7 +560,7 @@ export default {
     processMove: function(move) {
       if (this.game.type == "corr" && move.color == this.game.mycolor)
       {
-        if (!confirm(this.st.tr["Are you sure?"]))
+        if (!confirm(this.st.tr["Move played:"] + " " + move.notation + "\n" + this.st.tr["Are you sure?"]))
           return this.$set(this.game, "moveToUndo", move);
       }
       // Update storage (corr or live) if I play in the game
@@ -719,7 +715,7 @@ export default {
 
 #actions
   display: inline-block
-  margin-top: 10px
+  margin: 0
   button
     display: inline-block
     margin: 0