X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=public%2Fjavascripts%2Fcomponents%2Frules.js;h=1a597878b8d8dbe25bea004cb371834153511f83;hb=5915f72002ae63b04620cebe47adf778174b1bee;hp=829bf3b11754fe9c045d1e95dcd8dca3ee3ad5da;hpb=7931e479adf93c87771ded1892a0873af72ae46d;p=vchess.git

diff --git a/public/javascripts/components/rules.js b/public/javascripts/components/rules.js
index 829bf3b1..1a597878 100644
--- a/public/javascripts/components/rules.js
+++ b/public/javascripts/components/rules.js
@@ -3,7 +3,11 @@ 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 => {
@@ -21,6 +25,7 @@ Vue.component('my-rules', {
 				position: fenParts[0],
 				marks: fenParts[1],
 				orientation: fenParts[2],
+				shadow: fenParts[3],
 			};
 		},
 	},