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

diff --git a/client/src/views/Analyse.vue b/client/src/views/Analyse.vue
index bc88c757..9dcf033a 100644
--- a/client/src/views/Analyse.vue
+++ b/client/src/views/Analyse.vue
@@ -7,7 +7,8 @@ main
   )
     .card
       label.modal-close(for="modalRules")
-      h4#variantNameInAnalyze(@click="gotoRules()") {{ game.vname }}
+      a#variantNameInAnalyze(:href="'/#/variants/'+game.vname")
+        | {{ game.vname }}
       div(v-html="rulesContent")
   .row
     .col-sm-12
@@ -111,9 +112,6 @@ export default {
         .replace(/"$/, "")
         .replace(/(fen:)([^:]*):/g, replaceByDiag);
     },
-    gotoRules: function() {
-      this.$router.push("/variants/" + this.gameRef.vname);
-    },
     loadGame: function(orientation) {
       this.game.vname = this.gameRef.vname;
       this.game.fenStart = this.gameRef.fen;
@@ -149,11 +147,13 @@ export default {
 </style>
 
 <style lang="sass" scoped>
-h4#variantNameInAnalyze
-  cursor: pointer
+a#variantNameInAnalyze
+  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))
 
 #rulesDiv > .card
   padding: 5px 0