X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=public%2Fjavascripts%2Fcomponents%2FvariantSummary.js;h=e6ec03aa8a41179295d0a7e3a844bebeb2857bee;hb=d597379096c51c658f4605e7965137fcd0e15c85;hp=ed9b7b64aa98f0c09da47953978af4683e78324c;hpb=1d184b4c016a645228251ce984d4c980e60420b0;p=vchess.git

diff --git a/public/javascripts/components/variantSummary.js b/public/javascripts/components/variantSummary.js
index ed9b7b64..e6ec03aa 100644
--- a/public/javascripts/components/variantSummary.js
+++ b/public/javascripts/components/variantSummary.js
@@ -1,7 +1,9 @@
+// Show a variant summary on index
 Vue.component('my-variant-summary', {
-	props: ['vobj'],
+	props: ['vobj','index'],
 	template: `
-		<div class="variant col-sm-12" :id="vobj.name">
+		<div class="variant col-sm-12 col-md-5 col-lg-4" :id="vobj.name"
+			:class="{'col-md-offset-1': index%2==0, 'col-lg-offset-2': index%2==0}">
 			<a :href="url">
 				<h4 class="boxtitle text-center">
 					{{ vobj.name }}