X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=public%2Fjavascripts%2Fcomponents%2Frules.js;h=d8aaa0fc1216ca343c5b90af1b39aacf16bf5033;hb=a5d5668613d9a3d04c9a4f8b69122d02b7322137;hp=660f0be9976e56109716fed35aed292a3affb755;hpb=da06a6eb0237123ce43fdb01cb06246b8b57f5e5;p=vchess.git

diff --git a/public/javascripts/components/rules.js b/public/javascripts/components/rules.js
index 660f0be9..d8aaa0fc 100644
--- a/public/javascripts/components/rules.js
+++ b/public/javascripts/components/rules.js
@@ -3,16 +3,20 @@ Vue.component('my-rules', {
 	data: function() {
 		return { content: "" };
 	},
-	template: `<div v-html="content" class="section-content"></div>`,
+	template: `
+		<div class="col-sm-12 col-md-10 col-md-offset-1 col-lg-8 col-lg-offset-2">
+			<div v-html="content" class="section-content"></div>
+		</div>
+	`,
 	mounted: function() {
 		// AJAX request to get rules content (plain text, HTML)
 		ajax("/rules/" + variant, "GET", response => {
 			let replaceByDiag = (match, p1, p2) => {
-				const args = self.parseFen(p2);
+				const args = this.parseFen(p2);
 				return getDiagram(args);
 			};
-			self.content = response.replace(/(fen:)([^:]*):/g, replaceByDiag);
-		}
+			this.content = response.replace(/(fen:)([^:]*):/g, replaceByDiag);
+		});
 	},
 	methods: {
 		parseFen(fen) {