From: Benjamin Auder <benjamin.auder@somewhere>
Date: Tue, 28 Jan 2020 17:43:03 +0000 (+0100)
Subject: fixes, adjustments
X-Git-Url: https://git.auder.net/doc/html/css/current/scripts/%3C?a=commitdiff_plain;h=6cd07b4da66403ab2ff751b1c0361fa237cd0ed2;p=vchess.git

fixes, adjustments
---

diff --git a/client/src/components/ComputerGame.vue b/client/src/components/ComputerGame.vue
index 52cfc5e2..941016b7 100644
--- 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 6e2ef66e..987329c8 100644
--- 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 bae95c09..b7dd9b8e 100644
--- 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>