X-Git-Url: https://git.auder.net/?p=vchess.git;a=blobdiff_plain;f=client%2Fsrc%2Fviews%2FGame.vue;h=99b1f22eef7aa5d6a23ee74a1435cf0a4112a57e;hp=e0eb1be0ce54a5c9cfd554a273ae161126409de5;hb=1c15969ecec2a86ee7dffe570e53dfd61fd06b22;hpb=6c7cbfedc6ecf2b49f6b1e27a174039e92a36365

diff --git a/client/src/views/Game.vue b/client/src/views/Game.vue
index e0eb1be0..99b1f22e 100644
--- a/client/src/views/Game.vue
+++ b/client/src/views/Game.vue
@@ -7,7 +7,7 @@ main
   )
     .card
       label.modal-close(for="modalRules")
-      h4#variantNameInGame(@click="gotoRules") {{ game.vname }}
+      a#variantNameInGame(:href="'/#/variants/'+game.vname") {{ game.vname }}
       div(v-html="rulesContent")
   input#modalScore.modal(type="checkbox")
   div#scoreDiv(
@@ -252,6 +252,9 @@ export default {
   },
   // NOTE: some redundant code with Hall.vue (mostly related to people array)
   created: function() {
+    if (this.$route.query["focus"] === "false")
+      // Focus explicitely set to false from Hall (live game)
+      this.focus = false;
     this.atCreation();
   },
   mounted: function() {
@@ -310,9 +313,6 @@ export default {
         )
       );
     },
-    gotoRules: function() {
-      this.$router.push("/variants/" + this.game.vname);
-    },
     participateInChat: function(p) {
       return Object.keys(p.tmpIds).some(x => p.tmpIds[x].focus) && !!p.name;
     },
@@ -1801,11 +1801,13 @@ button.acceptBtn
 button.refuseBtn
   background-color: red
 
-h4#variantNameInGame
-  cursor: pointer
+a#variantNameInGame
+  color: var(--card-fore-color)
   text-align: center
-  text-decoration: underline
   font-weight: bold
+  font-size: calc(1rem * var(--heading-ratio))
+  line-height: 1.2
+  margin: calc(1.5 * var(--universal-margin))
 </style>
 
 <style lang="sass">