fixes, adjustments

diff --git a/client/src/components/ComputerGame.vue b/client/src/components/ComputerGame.vue
index 52cfc5e..941016b 100644 (file)
--- a/client/src/components/ComputerGame.vue
+++ b/client/src/components/ComputerGame.vue
@@ -58,6 +58,8 @@ export default {
       // Small delay for the bot to appear "more human"
       const delay = Math.max(500-(Date.now()-this.timeStart), 0);
       setTimeout(() => {
+        if (this.currentUrl != document.location.href)
+          return; //page change
         // NOTE: Dark and 2-moves are incompatible
         const animate = (this.gameInfo.vname != "Dark");
         const animDelay = (animate ? 250 : 0);
@@ -92,6 +94,7 @@ export default {
       let players = [{name:"Myself"},{name:"Computer"}];
       if (mycolor == "b")
         players = players.reverse();
+      this.currentUrl = document.location.href; //to avoid playing outside page
       // NOTE: fen and fenStart are redundant in game object
       this.game = Object.assign({},
         this.gameInfo,

diff --git a/client/src/components/MoveList.vue b/client/src/components/MoveList.vue
index 6e2ef66..987329c 100644 (file)
--- a/client/src/components/MoveList.vue
+++ b/client/src/components/MoveList.vue
@@ -70,7 +70,11 @@ export default {
       { },
       [h(
                          "table",
-                         { },
+                         {
+          "class": {
+            "moves-list": true,
+          },
+        },
                          tableContent
                  )]
     );
@@ -83,3 +87,8 @@ export default {
        },
 };
 </script>
+
+<style lang="sass" scoped>
+.moves-list
+  min-width: 250px
+</style>

diff --git a/client/src/components/Settings.vue b/client/src/components/Settings.vue
index bae95c0..b7dd9b8 100644 (file)
--- a/client/src/components/Settings.vue
+++ b/client/src/components/Settings.vue
@@ -34,7 +34,7 @@ div
           option(value="2") {{ st.tr["All"] }}
       fieldset
         .slidecontainer
-          input#myRange.slider(type="range" min="1" max="100" value="50"
+          input#myRange.slider(type="range" min="10" max="100" value="55"
             @input="adjustBoard")
 </template>